Web速查-索引

: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