选择类在 chrome 中不起作用答案

【问题标题】：Select classes don't work in chrome选择类在 chrome 中不起作用
【发布时间】：2011-10-19 08:18:04
【问题描述】：

我正在处理多项选择，选择部分在所有浏览器上都可以正常工作，但样式仅在 Firefox 中有效。其链接如下：

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

所以我的问题是，如何在其他浏览器中获得与在 Firefox 中相同的样式。

亲切的问候

【问题讨论】：

您的标题说它在 chrome 中看起来不正确，但您的帖子说您希望它看起来像在 chrome 中一样...请澄清。
我的错，我换了 Firefox。在 Firefox 中它看起来不错，但在 chrome（和 safari）中没有添加样式。（更新的问题：）感谢您的提醒）
@Augus 你可以输入&nbsp;。这不是最好的解决方案，但这是我能提供的唯一解决方案
我也想过这个，但主要问题是我不能给它加粗体。
查看stackoverflow.com/questions/4748875/…

标签： html css class multi-select

【解决方案1】：

样式化表单一点也不简单。每个浏览器都以不同的方式呈现输入和选择，有些允许样式（如 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

希望对你有帮助

【讨论】：

我也想过这个解决方案，但主要问题是我真的很想在这个领域加粗体。
检查 this article 说明您可以在 chrome 中做什么和不能做什么，您不能在选项中添加粗体，但您可以将颜色更改为较暗的颜色.. 它不是粗体，但是它接近了
好吧，经过一番研究，我只能同意这个解决方案，虽然它不是最好的，但我认为没有其他解决方案。对于其他人来说，这就是结果：jsfiddle.net/PbYFT/187