this Bootstrap bug reportを検討してください。基本的に、<select>
のプルダウンはChromeとSafariの両方の<select>
要素と一致していません(どちらもMacのみテスト済み)。 @mdoは修正がないと考えます。私はちょうど二番目の意見が欲しい。<select>ドロップダウン数ピクセルオフ
<select>
ドロップダウンをベース<select>
要素に揃えることはできますか?
this Bootstrap bug reportを検討してください。基本的に、<select>
のプルダウンはChromeとSafariの両方の<select>
要素と一致していません(どちらもMacのみテスト済み)。 @mdoは修正がないと考えます。私はちょうど二番目の意見が欲しい。<select>ドロップダウン数ピクセルオフ
<select>
ドロップダウンをベース<select>
要素に揃えることはできますか?
あなたが複数のブラウザ間や複数のOSで同じスタイルブラウザ組み込みツールをありません。
私はこれを非常に長い間行ってきました。私は、可能な限り最高のスタイルでスタイルを立てて、古いIEブラウザ用の奇妙なCSSハックを予約するようアドバイスします。
正確なピクセルについて超肛門性交したい場合は、select htmlタグを使用せず、代わりにulタグを使用する必要があります。それから、cssを使ってlist-style:none;
<ul id="my_selectbox">
<li>Option 1</li>
<li>Option 2</li>
</ul>
次に、どのように表示するかを正確に表示するようにメニューをスタイルします。
これを選択ボックスの代わりにメニューと考えてください。
次にjavascriptを使用して、選択タグのようにメニューをドロップダウンします。
(それは確か数ピクセルのための作業の多くはそれではないですよね?)
あなたはすべてのブラウザが同じに見えるCSSファイルを書き込むことはありません、覚えておいてください。ちょうど彼らがどのように設計されていません。あなたがそれを要求するマネージャーを持っている場合、彼らはこのような仕組みがどのように働くかを知る必要があります。
さらに注意:選択内容を保存するにはjavascriptも使用する必要があります。必要に応じてこれを行う簡単なスクリプトを書くことができます。あなたはどのように堪能javascriptでいるかわからない。
要素にこの追加のスタイルは、役立つことがあります。
-webkit-appearance: none;
オプションは常に選択ボックスの全幅を取る...実際には最大の要素に依存する幅...私はあなたの位置を変更することはできないと思います –
可能な複製方法[
あなたが話していることのコードサンプルを投稿 – astroanu