CSSスタイルはFirefox（winとmac）上で動作します - 選択オプションスタイルを設定します

Question

私は人々にCSS境界スタイルをプレビューできるようにするselect要素を持っていたいと思います。

私は私の目標を達成するために迅速かつ簡単になり、各オプションに適用されるインラインスタイルを考えていたが...

それだけのFirefox上で動作

、MacとWindowsプラットフォームの両方で、IE、クローム、Safari、これは好きではない。 このcssクロスブラウザを作成するには、回避策がありますか？

CSSコード

.select_border_style { 
    border:2px; 
    margin:6px; 
} 

htmlコード私の知る限りでは、それがChromeで実行することはできません事前

Pluda

Answer 1

で

<select id='borders'> 
    <option class='select_border_style' style='border-style:solid;'>solid</option> 
    <option class='select_border_style' style='border-style:dashed;'>dashed</option> 
    <option class='select_border_style' style='border-style:dotted;'>dotted</option> 
    <option class='select_border_style' style='border-style:double;'>double</option> 
    <option class='select_border_style' style='border-style:groove;'>groove</option> 
    <option class='select_border_style' style='border-style:ridge;'>ridge</option> 
    <option class='select_border_style' style='border-style:inset;'>inset</option> 
    <option class='select_border_style' style='border-style:outset;'>outset</option> 
</select> 

感謝。あなたは、しかし、それをエミュレートするjQueryプラグインを使用することができます。

http://jsfiddle.net/GzDXc/1/

私はjqTransform