CSS巧用expression來區分唯讀文字框

    對於文字框,唯讀狀態下和普通狀態下,瀏覽器對其並沒有做什麼特殊的標記,表面看來,效果是一樣的,這樣,對使用者來說,易用性並不是很高.
    當然,我們可以改變唯讀文字框的背景顏色來加以區分,這個時候就需要程式員自己判斷這個文字框是不是唯讀,然後再引入相應的css,無疑加大了工作量.
    這裡,使用expression來提供一種解決方案,只需要每個頁面引入這個css即可,其它的都由程式自己判斷,如下:

代碼如下	複製代碼
<style> input{background-color:expression((this.readOnly && this.readOnly==true)?"#f0f0f0":"")} </style> <INPUT TYPE="text" NAME=""> <INPUT TYPE="text" NAME="" readonly> <INPUT TYPE="text" NAME=""> <INPUT TYPE="text" NAME="" readonly>