html - bool 属性的 CSS 属性选择器可以写得更简洁吗？

Question

我读过 HTML“boolean attributes”，例如 readonly、disabled、required(等)可以是空白或者有他们名字的值(value)。人们似乎同时使用这两种风格(参见 How should boolean attributes be written?)...

因此看来适应这种情况的最佳方法是编写您的 CSS:

input[readonly], input[readonly="readonly"] {
}

( https://stackoverflow.com/a/19644231/1766230 )

但是有没有更简洁的方式来写这个？也许使用一些 CSS3 属性选择器魔法？我试过 input[readonly*=""]，但没有成功。

Answer 1

正如@JoshC 在评论中所写，您可以简单地使用input[readonly]。此 CSS 选择器(忽略所有标记序列化问题)匹配具有 readonly 属性的 input 元素，无论其值是什么。每个属性规范必须包含一个值的 XHTML (XML) 要求不会影响这一点。