【问题标题】:Ignore radio list in tr:nth-child(odd)忽略 tr:nth-child(odd) 中的电台列表
【发布时间】:2018-07-22 16:54:34
【问题描述】:

我在表格中创建了一个表单,并使用 CSS 为表格的所有奇数行使用不同的背景颜色(工作正常)。但是,它还设置了我不想做的单选按钮列表的每一行的样式。

如何让 CSS 忽略单选列表?

我尝试上传图片,但我没有足够的声望!

【问题讨论】:

  • 你能给我们提供小提琴jsfiddle.net吗
  • 如果您不需要link,请不要在标题中包含标签

标签: css css-tables radiobuttonlist


【解决方案1】:

我的一个简单的尝试。

tr:nth-child(odd) input:not([type=radio])
{
    background-color:red;
}

JSFiddle:http://jsfiddle.net/cnJ7D/2/

【讨论】:

  • 这在一定程度上有效,但我想为表格行而不是输入字段着色。我不能对我的确切代码进行 JSFIDDLE,因为它是一个 asp.net 网站并且正在使用 asp.net 控件。看起来它正在为单选列表中的每个选项创建一个单独的表格单元格,这就是为什么它似乎为单选列表的每一行着色。
  • 我已经成功托管了图片,您可以在这里查看avenir-telecom.co.uk/images/form-image.png
  • @JohnHalsey 你想用纯 CSS 来做吗?我可以使用 javascript/jquery 吗?
  • 你能发布渲染的 html 代码吗?这将有助于了解根本原因。
猜你喜欢
  • 2010-11-04
  • 2019-04-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-04-07
  • 2012-04-20
相关资源
最近更新 更多