以下内容将在复选框上显示十字线:
input:read-only {
cursor: crosshair;
}<input type="checkbox">为什么会发生这种情况？
以下内容将在复选框上显示十字线:
input:read-only {
cursor: crosshair;
}<input type="checkbox">为什么会发生这种情况？
以下是the specification要说的话:
:read-write伪类必须匹配属于以下类别之一的任何元素，因此出于 Select 器的目的，这些类别被认为是用户可更改的:[.]
readonly属性适用且可变的input个元素(即未指定readonly属性且未禁用)- ⋮
:read-only伪类必须匹配所有其他HTML元素.
readonly不适用于复选框:
<label><input type="checkbox" readonly> check this out</label>因此，尽管表面上看起来有点奇怪，但它的目的行为::read-only/:read-write指的是更具体类型的"可写".