Question

您可以将:hover和:active属性应用于input[type=button]，还是必须使用课程？

Answer 1

你可以...... *例外。 IE6仅支持：将鼠标悬停在属性上。如果你支持IE6，你需要用JS更改类，如果没有，你可以使用：hover（还有一些IE6黑客可以绕过这个）

Answer 2

大多数现代浏览器允许您将:hover与任何元素一起使用，但IE对此更为苛刻。

您可以使用this hack，也可以使用Javascript和事件处理程序（最好是IMO）。

Answer 3

是的，你可以。

<!DOCTYPE html>
<html> 
    <head> 
        <style type="text/css">
        input[type=button]:hover {
            background: red;
        }
        </style>
    </head>
    <body> 
        <input type="button" value="Hit me" />
    </body>
</html>

当然，要小心IE，但这是网页设计的一个完全不同的分支。：）

Answer 4

我可以建议谷歌链接。 http://cssbutton.com/forms/有一些例子。你会发现旧的IE版本对这类东西很挑剔。

css按钮和状态

4 个答案: