:read-only

定义
语法
实例
浏览器支持

定义

:read-only 选择器用于选取设置了 “readonly” 属性的元素。

:read-only 选择器适用于 input 和 textarea 元素，但是它也适用于设置了 “readonly” 属性的元素。

注意：如果使用 Firefox 浏览器，需要在样式前面添加前缀 -moz-

语法

:read-only
{
    CSS 样式;
}

实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>鱼C-零基础入门学习Web（Html5+Css3）</title>
    <style>
        input:read-only
        {
            background-color: green;
        }
    </style>
</head>
<body>
    <p>普通的input元素:<br><input value="hello"></p>
    <p>只读的input元素:<br><input readonly value="hello"></p>
</body>
</html>

普通的input元素:

只读的input元素:

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

Safari	Chrome	FireFox	IE
1.0	1.0	1.0	5.0