DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS巧用expression來區分只讀文本框
CSS巧用expression來區分只讀文本框
編輯:CSS詳解     

    對於文本框,只讀狀態下和普通狀態下,浏覽器對其並沒有做什麼特殊的標記,表面看來,效果是一樣的,這樣,對用戶來說,易用性並不是很高.

    當然,我們可以改變只讀文本框的背景顏色來加以區分,這個時候就需要程序員自己判斷這個文本框是不是只讀,然後再引入相應的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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved