这篇文章主要介绍了css3选择器:读写和:只读指的是什么,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
<强> css3:读写
:读写是CSS中的一个伪类选择器,它用于匹配用户可编辑的元素,即可读和可写的元素。
属于包括:
1,不是只读且未禁用的& lt; input>元素(任何类型)。这意味着它们既没有设置只读的属性,也没有设置禁用属性。
2,既不是只读也不是禁用的& lt; textarea>元素(类似于输入).
3,不是& lt; input>或& lt; textarea>,但具有contenteditable属性集的任何其他元素。
注意:目前,在大多浏览器中,:读写选择器只使用于设置了输入和文本区域元素。
<强> css3:只读
:只读同样也是CSS中的一个伪类选择器,匹配任何与:读写选择器不匹配的元素。
换句话说,:只读伪类选择器匹配的是用户不可编辑的元素,即匹配任何不属于上面可编辑的任何元素,比如:设置了只读的,或残疾等属性的元素。
以下是使用:读写可以匹配的元素示例:
以下是使用:读写不可以匹配的元素,即使用:只读可以匹配的元素示例:
尽管这是规范推荐的行为,但浏览器行为似乎有所不同:可能在一个浏览器中认为读写的内容在另一个浏览器中就会被认为是只读的,因此我们应用的:读写样式可能不适用于某些浏览器。
就像其他伪类选择器一样,:读写选择器和:只读选择器都可以与其他选择器链接,比如:悬停和伪元素::。
例如,:读写+:焦点将为可编辑文本区域提供样式:
例如,:只读+:悬停将为页面上的div(常规)提供样式:
<强>
感谢你能够认真阅读完这篇文章,希望小编分享css3选择器:读写和:只读指的是什么内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!
