CSS :read-only 应用于非只读元素

xsr*_*srf 4 html css

有人可以向我解释为什么 css 伪类:read-only应用于非只读元素吗?

请参阅https://codepen.io/xsrf/pen/RwgZepb

我在最近的 Edge、Chrome 和 Firefox 中对此进行了测试。全部适用input:read-only<input type="button" />

https://www.w3schools.com/cssref/sel_read-only.asp

:read-only 选择器选择“只读”元素。具有“readonly”属性的表单元素被定义为“readonly”。

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly说:

当输入具有 readonly 属性时,:read-only 伪类也适用于它。相反,支持只读属性但没有设置与 :read-write 伪类匹配的属性的输入。

Rob*_*sen 5

规范是这样说的:

如果元素:read-write可以由用户更改(如文档语言所定义),则该元素匹配。否则的话,就是:read-only

用户无法更改按钮,因此:read-only.