1. 程式人生 > >為屬性為readonly的input設定樣式

為屬性為readonly的input設定樣式

原文網址:http://lilywangcn.iteye.com/blog/973943

屬性為readonly的input不允許使用者輸入內容,然而在ie或chrome中,屬性為readonly的input 和一般input從介面上來看沒有任何區別,會給使用者輸入帶來稍許不便。可以通過為其設定css來加以區分。

在ie瀏覽器中:

Java程式碼  收藏程式碼
  1. input{background-color:expression((this.readOnly && this.readOnly == true)? "#efefef":"");}  

 在chrome中

Java程式碼  收藏程式碼
  1. input[readonly]{  
  2.     background-color: #efefef;  
  3. }