html - 一部のクラスはChromeでは機能しません

html css class multi-select

私は複数選択に取り組んでいます。選択部分はすべてのブラウザで正常に動作しますが、スタイリングはFirefoxでのみ機能します。その次のリンク:

http://jsfiddle.net/PbYFT/119/

だから私の質問は、Firefoxの場合と同じように他のブラウザーでも同じようにスタイルを設定する方法です。

敬具
答え
フォームのスタイリングはまったく簡単ではありません。すべてのブラウザが入力をレンダリングしてさまざまな方法で選択します。スタイリングを許可するもの(FFなど)もあれば、許可しないもの(Chromeなど)もあります。

したがって、マージンを追加する代わりに、コンテンツの前に空白を追加すると、頭痛を軽減できます。

<div>
    <SELECT NAME="categorie" MULTIPLE SIZE=21 id="multiselect">
        <OPTION VALUE="telefoontoestellen">-Telefoon toestellen
        <OPTION VALUE="smarthphone">&nbsp;&nbsp;-Smarthphone
        <OPTION VALUE="iphoneapple">&nbsp;&nbsp;&nbsp;&nbsp;-Iphone / Apple


お役に立てれば
関連記事

html - プロトコルなしの絶対リンクを使用する外部JavaScriptタグ

jquery - jQuery:必要な選択要素を含む無効なHTML 5フォーム

javascript - JavaScriptでのXMLのクエリ

html - CSS display:table-display:tableを使用して2つのセルを別のDIVの中央に配置するにはどうすればよいですか?

css - スクロールバーの下矢印が表示されない

javascript - 私の最初のWebアプリケーションを構築するための優れたリソース(おそらく、純粋なHTML5 / Javascript / CSS3を使用するだけ)

java - GWT:マルチスレッド

html - 奇妙なHTML / XMLエンコーディングの問題

javascript - キャンバスのサイズが相対的な場合、キャンバス上の正しいマウス位置を取得しますか?

asp.net - スティッキーフッターは貼り付けられますが、コンテンツは貼り付けられません