CSS :read-write 選擇器

admin發表於2019-04-03
CSS

此選擇器可以匹配可讀寫元素。

特別說明：此選擇器僅對input和textarea表單元素有效。

語法結構：

[CSS] 純文字檢視 複製程式碼
E:read-write { Rules }

瀏覽器支援：

（1）.IE瀏覽器不支援此選擇器。

（2）.edge瀏覽器支援此選擇器。

（3）.谷歌瀏覽器支援此選擇器。

（4）.火狐瀏覽器支援此選擇器。

（5）.opera瀏覽器支援此選擇器。

（6）.safria瀏覽器支援此選擇器。

程式碼例項如下：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style>
body{margin:20px;}  
.num:read-write {
  background-color:#ccc;
} 
</style>  
</head>
<body>
<form action="#" method="post">
  <input type="text" class="num" required>
  <br/>
  <input type="text" class="num" readonly required>
  <br/>
  <input type="submit" id="bt" value="提交表單"/>
</form>
</body>
</html>

上述程式碼可以將第一個文字框背景顏色設定為#ccc。

但是第二個卻不能，因為第二個文字框是隻讀的，第一個是可讀寫的。

相關文章