2011-10-19 10 views
2

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

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

だから私の質問は、それがFirefoxであるように私は他のブラウザでスタイリングを同じに得ることができるか、です。

種類が

+2

あなたのタイトルは、それは右の私を見ていないと言うことができますnクロムですが、あなたの投稿はクロムのように見えるようにしています...明らかにしてください。 –

+1

私の悪い、私はFirefoxの。 Firefoxでは大丈夫ですが、クロム(とサファリ)ではスタイリングが追加されていません。 (更新された質問:頭のおかげで) – Augus

+0

@Augusあなたは ' 'を入れることができます。これは最善の解決策ではありませんが、それが私が提供できる唯一のものです – Teneff

答えて

2

スタイリングフォームについては、すべてのブラウザが入力をレンダリングし、さまざまな方法で選択...全く容易ではない、いくつかは、(FFなど)スタイリングを許可し、一部は(クロムなど)しないでください...

だからではなく、あなたがコンテンツの前に空白を追加マージンを追加するのであればあなたの頭痛の種を救うことができる:

<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 

希望これは

+0

+1フォームのスタイル設定、特に 'select'は巨大な痛み。 –

+0

私はこの解決策も考えていましたが、主な問題は私が実際に大胆な場をフィールドに入れたいと思っていることです。 – Augus

+0

[この記事](http://www.electrictoolbox.com/style-optgroup-option-css-chrome/)には、クロームでできることとできないことが記載されていますが、オプションに太字を追加することはできません。あなたは暗いものに色を変えることができます..それは太字ではありませんが、それは近くになる – pleasedontbelong

関連する問題