CSS :read-only选择器，匹配只读元素
:read-only选择器语法
E:read-only{样式设置}
提示：:read-only伪类选择器可用于匹配获取设置了只读属性的元素，比如设置了readonly属性的input表单元素。
提示：E:read-only匹配获取的是E选择器选择的元素中只读的元素。
:read-only选择器实例代码，及在线编辑器
<input type='text' readonly value='这是一个自读的input'><br><br>
<input type='text'><br><br>
<p readonly class='e1'>段落元素p有只读属性吗？</p>
<p class='e1'>这是用来对照的段落p</p>
<style>
input:read-only{background-color:orange;}
.e1:read-only{color:skyblue;}
</style>实例代码解析
如上代码，通过运行可知，input元素具有readonly属性，段落p元素设置了readonly属性，虽然不影响浏览器的渲染，但并不能被伪类:read-only匹配获取。