這篇文章主要介紹了css3選擇器:read-write和:read-only指的是什么，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

臨朐ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

css3 :read-write

:read-write是CSS中的一個偽類選擇器，它用于匹配用戶可編輯的元素，即可讀和可寫的元素。

屬于包括：

1、不是只讀且未禁用的<input>元素（任何類型）。這意味著它們既沒有設置readonly屬性，也沒有設置disabled屬性。

2、既不是只讀也不是禁用的<textarea>元素（類似于input）。

3、不是<input>或<textarea>，但具有contenteditable屬性集的任何其他元素。

注意: 目前, 在大多瀏覽器中, :read-write 選擇器只使用于設置了input 和 textarea 元素。

css3 :read-only

:read-only同樣也是CSS中的一個偽類選擇器，匹配任何與:read-write選擇器不匹配的元素。

換句話說，:read-only偽類選擇器匹配的是用戶不可編輯的元素，即匹配任何不屬于上面可編輯的任何元素。比如：設置了readonly，或disabled等屬性的元素。

以下是使用:read-write可以匹配的元素示例：

< input  type = “text” >
< input  type = “number” >
< textarea  name = “nm”  id = “id”  cols = “30”  rows = “10” >  </ textarea >
< div  class = “random”  contenteditable >  </ div >

以下是使用:read-write不可以匹配的元素，即使用:read-only可以匹配的元素示例：

< input  type = “text”  disabled >
< input  type = “number”  disabled >
< input  type = “number”  readonly >
< textarea  name = “nm”  id = “id”  cols = “30”  rows = “10”  readonly >  </ textarea >
< div  class = “random” >  </ div >  <！ - 無法使用contenteditable編輯的常規(guī)元素 - >

盡管這是規(guī)范推薦的行為，但瀏覽器行為似乎有所不同：可能在一個瀏覽器中認為讀寫的內(nèi)容在另一個瀏覽器中就會被認為是只讀的，因此我們應用的:read-write樣式可能不適用于某些瀏覽器。

就像其他偽類選擇器一樣，:read-write選擇器和:read-only選擇器都可以與其他選擇器鏈接，比如:hover和偽元素::after。

例如，:read-write+:focus將為可編輯文本區(qū)域提供樣式：

textarea:read-write:focus {
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);
}

textarea:read-write:before {
    content: "Type here...";
    color: #aaa;
}

例如，:read-only + :hover將為頁面上的div（常規(guī)）提供樣式：

div:read-only:hover {
    background-color: #eee;
}

div:read-only:before {
    content: "?";
    color: deepPink;
}

表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。

在Firefox瀏覽器中要使用前綴：-moz-read-write，-moz-read-only；且在Internet Explorer和Android上read-write選擇器和read-only選擇器無法被支持使用。

感謝你能夠認真閱讀完這篇文章，希望小編分享css3選擇器:read-write和:read-only指的是什么內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細的解決方法等著你來學習!

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

名稱欄目：css3選擇器:read-write和:read-only指的是什么-創(chuàng)新互聯(lián)
網(wǎng)站網(wǎng)址：http://aaarwkj.com/article28/cchcjp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供域名注冊、網(wǎng)站排名、電子商務、網(wǎng)站建設、網(wǎng)站設計公司、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)