亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

這段代碼不是很懂,大神解釋一下

input[type="text"]{

? border: 1px solid green;

? padding: 5px;

? background: #fff;

? border-radius: 5px;

}

input[type="text"]:-moz-read-only{

? border-color: red;

}

input[type="text"]:read-only{

? border-color: #ccc;

}

input[type="text"]:-moz-read-write{

? border:2px solid red;

}

input[type="text"]:read-write{

? border:2px solid red;

}


正在回答

3 回答

input[type="text"]{} 規定類型為text的input元素的樣式。

input[type="text"]:-moz-read-only{}和input[type="text"]:read-only{}規定當元素處于只讀狀態的樣式。IE9+、Opera、Google Chrome 以及 Safari 中支持 :read-only 選擇器,Firefox 支持替代的:-moz-read-only。

input[type="text"]:-moz-read-write{}和input[type="text"]:read-write{}規定當元素處于非只讀狀態的樣式。



0 回復 有任何疑惑可以回復我~
  1. 第一個設置文本框,type屬性為text的Input元素的樣式;

  2. 設置在火狐下文本框,在只讀狀態的樣式;

  3. 設置通用瀏覽器下的只讀狀態樣式

  4. 設置在火狐瀏覽器下非只讀狀態下的樣式;

  5. 設置在所有瀏覽器下非只讀狀態下的樣式

1 回復 有任何疑惑可以回復我~

只讀和非只讀狀態有啥不同

2 回復 有任何疑惑可以回復我~
#1

ly今夕何夕

比如輸入框,你設置了readonly屬性,客戶端那邊,只能顯示你原先設定好的內容,他們更改不了! 非只讀狀態就是排除設置了readonly屬性的input,其他的都是非只讀的input
2019-08-05 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

這段代碼不是很懂,大神解釋一下

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號