如何获取CSS类选择器来覆盖输入[readonly]选择器？

Question

我有以下CSS来确保所有只读文本框的背景颜色设置为灰色......

input[readonly]
{
    background-color: #ddd;
}

但现在我想用CssClass =＆＃34; WarningText＆＃34;覆盖TextBox的样式。但以下不起作用......

.WarningText
{
    background-color: #ffff99;
}

如何让.WarningText样式覆盖默认输入[readonly]样式？

Answer 1

你会想要使用有效的CSS选择器，所以像@paulie_d说input[readonly].WarningText应该做你期望它做的事情。 http://www.w3schools.com/cssref/css_selectors.asp

Answer 2

使用此功能。

input[readonly="readonly"].WarningText
{
    background-color: #ffff99;
}

Answer 3

您需要链接属性和类选择器，如下所示：

input[readonly] {
  background-color: grey;
}

input[readonly].WarningText {
    background-color: red;
}

<input type="text" class="WarningText" readonly/>