2011-10-19 46 views
2

我正在做一个多选择,select部分在所有浏览器上都能正常工作,但样式只能在firefox中工作。它下面的链接:选择类不能在chrome中工作

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

所以我的问题是,我怎么能得到的造型同样在其他浏览器,因为它是在Firefox。

亲切的问候

+2

你的标题说,不看我的权利ñ铬,但您的文章说,你希望它看起来像铬...请澄清。 –

+1

我的不好,我对Firefox的。在Firefox中它看起来很好,但在Chrome(和safari)中,不会添加样式。 (更新的问题:)谢谢你的抬头) – Augus

+0

@ugus你可以把' '。这不是最好的解决方案,但它是我能提供的唯一一个 – 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