CSS :read-only 選擇器
定義和使用
:read-only 選擇器用于選取設(shè)置了 "readonly" 屬性的元素。
表單元素可以設(shè)置 "readonly" 屬性來定義元素只讀。
注意: 目前,大多數(shù)瀏覽器, :read-only 選擇器適用于 input 和 textarea 元素,但是它也適用于設(shè)置了 "readonly" 屬性的元素。
實(shí)例
實(shí)例
如果 input 元素設(shè)置了 "readonly" 屬性,設(shè)置輸入框樣式為黃色:
input:read-only
{
background-color: yellow;
}
{
background-color: yellow;
}
嘗試一下 ?
瀏覽器支持
:read-only 選擇器支持 Chrome, Safari 和 Opera。
Firefox 和 Internet Explorer 不支持 :read-only 選擇器。
Firefox 支持 :-moz-read-only 選擇器作為替代方案。
相關(guān)頁面
CSS 選擇器: read-write 選擇器
更多建議: