代码之家  ›  专栏  ›  技术社区  ›  Heinzi

在HTML中禁用样式设置

  •  19
  • Heinzi  · 技术社区  · 14 年前

    我们的一个客户很难阅读我们基于Web的应用程序中禁用控件中的灰色文本:

    我们想将样式改为浅灰色背景和黑色文本。不幸的是,大多数浏览器(包括IE,这正是客户使用的浏览器)忽略了禁用控件上的 color:……- css属性,因此我们无法更改前景颜色。

    对于文本框( input type=“text” ),可以通过使用 readonly而不是 disabled来轻松解决问题。不幸的是,这不是下拉列表( select )或复选框( input type=“checkbox” )的选项。

    有简单的解决方法吗?最好是在不需要用另一种类型的控件替换控件的情况下?(…因为控件是由ASP.NET呈现的)

    ps:使用CSS中的选择器不产生差异。 [disabled] selector does not make a difference.

    IE9 example

    我们想将样式改为浅灰色背景和黑色文本。不幸的是,大多数浏览器(包括IE,这是客户使用的)忽略了 color: ... 禁用控件的css属性,因此无法更改前景色。

    对于文本框( input type="text" ,这可以通过使用 readonly 而不是 disabled 属性。不幸的是,这不是下拉列表的选项( select )或复选框( input type="checkbox" )

    有简单的解决方法吗?最好是在不需要用另一种类型的控件替换控件的情况下?(…因为控件是由ASP.NET呈现的)

    PS:使用 [disabled] CSS中的选择器没有区别。

    6 回复  |  直到 6 年前
        1
  •  29
  •   Will Martin    14 年前

    :disabled ref

        <style type="text/css">
            select[disabled] { background-color: blue; }
        </style>
    

        2
  •  4
  •   Darren Cooney    8 年前

    select:disabled{
       opacity: 0.6;
    }
    
        3
  •  1
  •   el_quick    14 年前

        4
  •  1
  •   Nander Speerstra Arslan Javed    8 年前

    select[disabled] { background-color: blue; }
    

    select option [disabled] { background-color: blue; } will do
    
        5
  •  1
  •   Disha teli    8 年前

    select[disabled='disabled']::-ms-value {
        color: red;
       }
    
        6
  •  0
  •   sendon1982    6 年前

        <style>
            /*css style for IE*/
            select[disabled='disabled']::-ms-value {
                color: #555;
            }
            /*Specific to chrome and firefox*/
            select[disabled='disabled'] {
                color: #555;
            }
        </style>