当点击工具div按钮(:active)在Firefox中正常工作但在IE中没有

Question

当点击工具div按钮(:active)在Firefox中正常工作但在IE中没有

这段代码在Firefox中运行良好,但在IE中没有,请仅使用CSS(无jquery或javascript)给出解决方案,当你点击DIV内的跨度时问题就开始了!

<style type="text/css">

.tools {
    cursor:pointer;
}

.tools {
    background-color:#aaa;
    padding:5px;
}

.tools span {
    background-color:green;
    color:white;
}

.tools:hover {
    background-color:#ccc;
}

.tools:hover span {
    background-color:red;

}

.tools:active {
    background-color:#333;
    color:#fff;
}

.tools:active span {
    background-color:blue;
}


</style>

</head>

<body  onselectstart="return false;" >
<div class="tools" style="width:100px; height:20px;">
<span>
Hello world...
</span>
</div>
</body>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Val*_*gin 7

如果你使用标签<label>代替<a>,或者如果你把一个放在另一个内,它将起作用.

归档时间：	15 年，3 月前
查看次数：	7966 次
最近记录：	9 年，6 月前