【问题标题】:Line-through css styling for Option in Select Box is not working on Google Chrome but working fine on Firefox [closed]选择框中选项的直通 css 样式在 Google Chrome 上不起作用,但在 Firefox 上运行良好 [关闭]
【发布时间】:2013-11-30 14:29:28
【问题描述】:

我将!important 标签添加到谷歌浏览器的直通样式中,但它似乎不起作用。是否有可以解决此问题的解决方案或变通方法?

【问题讨论】:

  • 你能解释一下吗?我没听懂你的意思。
  • 请提供代码,让问题更清楚
  • 需要代码以便我们知道您的要求。

标签: html css google-chrome twitter-bootstrap firefox


【解决方案1】:

<del> 标签默认带有 line-throughstrike-through 样式,您可以直接使用它来删除标记中的文本.

应使用以下 CSS 为单独的元素提供直通样式(例如 <span><div> 等):

.line-through {
    text-decoration: line-through;
}

并且在标记中,您可以使用上面定义的 CSS 为:

删除的文字

上面提到的示例可以在每个浏览器上无缝运行,而无需在样式中添加 !important。查看this fiddle 进行快速演示。如果可能,请分享您的代码,这将有助于找出实际问题。

【讨论】:

  • 但这不适用于select 框内的option 标记
  • 这个fiddle 的代码与我使用的完全相同。
  • 嘿阿尔加拉夫!请参考this thread<select> 标签和line-through 样式有类似问题。我想这正是我在这种情况下想说的。
  • disabled 属性添加到<option> 标签就可以了。 fiddle
  • 该选项已禁用,但未显示线条样式。
猜你喜欢
  • 1970-01-01
  • 2021-03-10
  • 2014-11-19
  • 2014-06-30
  • 1970-01-01
  • 1970-01-01
  • 2014-10-13
  • 2018-09-25
  • 2016-09-05
相关资源
最近更新 更多