【问题标题】: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 你可以输入 。这不是最好的解决方案,但这是我能提供的唯一解决方案
  • 我也想过这个,但主要问题是我不能给它加粗体。

标签: 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
猜你喜欢
  • 2013-02-18
  • 2014-05-06
  • 1970-01-01
  • 2015-06-08
  • 1970-01-01
  • 1970-01-01
  • 2019-06-12
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多