Question

我试过

input[type="button"][disabled="disabled"]{  
      color:gray !important;  
}

我的代码中的这个CSS在IE中工作但在Firefox中没有。

这个css不适用于Firefox .. ??

我的HTML代码

<input type="button" id="submit" value="Submit"></input>  
<script location="body">
document.getElementById("submit").disabled=true;
</script>

请帮帮我..

Answer 1

这将有效：

input[type="button"][disabled]{
    color:gray
}

<强> Demo here

Answer 2

一些代码段：将帮助您理解您所做的遗漏。

 <html>
    <head>
        <style type="text/css">
            input[type="button"][disabled="disabled"]{
                color:gray !important;
            }
        </style>

        <script type="text/javascript">
            function myFunc() {
                document.getElementById("myButton").disabled = true;
            }
        </script>
    </head>

    <body onload="myFunc()">
        <input id="myButton" type="button" value="Hello"/>
    </body>
</html>

CSS输入[type =“submit”] [disabled]在Firefox中不起作用

2 个答案: