css3选择器:read-write和:read-only是什么?如何使用?

本篇文章给大家带来的内容是介绍css3选择器:read-write:read-only是什么?如何使用,让大家了解css3的:read-write选择器和:read-only选择器是什么,有什么作用,又是如何使用的。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

css3 :read-write

:read-write是CSS中的一个伪类选择器,它用于匹配用户可编辑的元素,即可读和可写的元素。

属于可编辑类别的元素包括:

1、不是只读且未禁用的元素(任何类型)。这意味着它们既没有设置readonly属性,也没有设置disabled属性。

立即学习“前端免费学习笔记(深入)”;

2、既不是只读也不是禁用的

3、不是或

注意: 目前, 在大多浏览器中, :read-write 选择器只使用于设置了input 和 textarea 元素。

css3 :read-only

:read-only同样也是CSS中的一个伪类选择器,匹配任何与:read-write选择器不匹配的元素。

换句话说,:read-only伪类选择器匹配的是用户不可编辑的元素,即匹配任何不属于上面↑可编辑的任何元素。比如:设置了readonly,或disabled等属性的元素。

以下是使用:read-write可以匹配的元素示例: