Html 为什么“伪类”是：只读；不为一家公司工作；残疾人士；元素？

伪类

:read-only

应应用于与

:read-write

选择器不匹配的任何元素，这意味着任何不可编辑的元素

那么，为什么当我将

disabled

添加到

输入

元素时，

：只读

伪类不适用于它

。伪测试输入：读写{
颜色：蓝色；
}
.伪测试输入：只读{
颜色：红色；
}

只读
和
禁用
是不同的，这就是为什么
：只读
不能与
禁用
一起工作

检查这里

现在，您的下一个问题是：“…但“只读”伪类的描述是它适用于任何不能编辑的元素…”

只读表单控件的一个用途是允许用户检查和
验证他们可能以早期形式输入的信息（例如
例如，配送详细信息），同时仍然能够提交
信息以及表单的其余部分

来源

如果您连接了第一个答案和突出显示的描述，您可以在这里看到，它将不会对disabled起作用（“disabled”控件的值将不会与表单一起提交）

如果表单中同时包含这两种类型的控件，并且只想设置只读的样式，该怎么办。那就不可能采用“一刀切”的方法

要设置
readonly
样式，您可能需要将
readonly
属性添加到所需的元素中


。伪测试输入：读写{
颜色：蓝色；
}
.伪测试输入：只读{
颜色：红色；
}
如果你在Firefox中测试，你会发现你的代码工作得很好，所以我认为这是一个bug或者是缺乏对Google Chrome的支持


。伪测试输入：读写{
颜色：蓝色；
}
.伪测试输入：只读{
颜色：红色；
}

disabled
和
readonly
是不同的，在将此
attr
添加到元素之前，不能将其用作选择器，simple Math我知道它们是不同的，但“只读”伪类的描述是，它适用于任何无法编辑的元素。那么，“禁用”元素是不可编辑的，为什么它不适用于它呢？你在说什么“attr”？@TemaniAfif哪一部分？引用来源的解释是正确的，除非解释是错误的？您的回答只能证明只读和禁用属性是不同的。你从来没有解释过为什么伪类：只读对“禁用”元素不起作用。在“只读”伪类的解释中，没有任何地方说如果未提交内容，该类不适用于不可编辑的元素。可能是一个bug，也可能是chrome在右侧渲染它，虽然我查看了您共享的文档，但我找不到任何支持它应与禁用一起工作的支持，无论如何，我将编辑我的答案，谢谢你的指点out@FluffyKitten因为这个答案不能解释为什么伪类“只读”不适用于禁用的元素。这个答案只解释了为什么只读和禁用属性不同。@IloveCoffee，因为它不应该与it@IloveCoffee，请查看此网站的评论，不要发表个人或粗鲁的评论，因为这是不可接受的，可能会引发纪律处分。@IloveCoffee不回复任何评论，如果你认为评论很粗鲁，请标记一条评论，版主会看它（阿披舍克不是版主，他和你我一样是一个简单的用户）@IloveCoffee我们不是版主，我们只是和你一样的普通用户。这并不是一个警告，我试图通过指导你，作为一个新用户，什么是可以接受的来帮助你。也不鼓励进行长时间或离题讨论，因此，除非有更多的问题或信息与答案直接相关，否则（任何人）在这里都不能再多说了：