zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    (Problem 4)Largest palindrome product
    (Problem 3)Largest prime factor
    (Problem 2)Even Fibonacci numbers
    (Problem 1)Multiples of 3 and 5
    Ural 1086
    Ural 1319
    Ural 1149
    Ural 1079
    Ural 1068
    2016/04/06
  • 原文地址:https://www.cnblogs.com/SoulStore/p/1216553.html
Copyright © 2011-2022 走看看