CSS :read-only 選擇器

完整CSS選擇器參考手冊 完整CSS選擇器參考手冊

定義和使用

:read-only 選擇器用于選取設(shè)置了 "readonly" 屬性的元素。

表單元素可以設(shè)置 "readonly" 屬性來定義元素只讀。

注意： 目前，大多數(shù)瀏覽器, :read-only 選擇器適用于 input 和 textarea 元素，但是它也適用于設(shè)置了 "readonly" 屬性的元素。

Examples

實(shí)例

實(shí)例

如果 input 元素設(shè)置了 "readonly" 屬性，設(shè)置輸入框樣式為黃色:

input:read-only
{
  background-color: yellow;
}

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

:read-only 選擇器支持 Chrome, Safari 和 Opera。

Firefox 和 Internet Explorer 不支持 :read-only 選擇器。

Firefox 支持 :-moz-read-only 選擇器作為替代方案。

相關(guān)頁面

CSS 選擇器： read-write 選擇器

完整CSS選擇器參考手冊 完整CSS選擇器參考手冊