巧用CSS中的expression來區(qū)分只讀文本框
對(duì)于文本框,只讀狀態(tài)下和普通狀態(tài)下,瀏覽器對(duì)其并沒有做什么特殊的標(biāo)記,表面看來,效果是一樣的,這樣,對(duì)用戶來說,易用性并不是很高.
當(dāng)然,我們可以改變只讀文本框的背景顏色來加以區(qū)分,這個(gè)時(shí)候就需要程序員自己判斷這個(gè)文本框是不是只讀,然后再引入相應(yīng)的css,無疑加大了工作量.
這里,使用expression來提供一種解決方案,只需要每個(gè)頁面引入這個(gè)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>
您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國(guó)家安全、泄露國(guó)家秘密,不得侵犯國(guó)家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國(guó)家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。
蘇公網(wǎng)安備 32070502010230號(hào)