如何在焦点元素上使用悬停规则?

时间:2017-04-14 11:37:53

标签: jquery css3

这是我的代码:

.metismenu li a:hover{ background:#112542;} /*would not affect when it has focus*/
.metismenu li a:focus{ background:inherit;}

当我点击a时,background-color正在变为inherit并且我再次将鼠标悬停在其上background-color #112542直到我没有点击a以外的任何地方(,因为它仍然有焦点并background-color: inherit; ),我才会更改为background-color。是否有任何解决方案我可以更改它 $stmt = $conn->prepare("INSERT INTO ipTable (ip) VALUES (?)"); $stmt->bind_param("i", $ip); $conn->query('BEGIN'); for( $count = 0 ; $count < 20000 ; $count ++){ $ip = rand(1,10000000); $stmt->execute(); } $conn->query('COMMIT'); $stmt->close(); $conn->close(); 而无需点击它并再次悬停鼠标?

1 个答案:

答案 0 :(得分:1)

您可以尝试使用:focus:hover州,例如:See this fiddle

.metismenu li a:focus:hover{ background:yellow;}

&#13;
&#13;
.metismenu li a:hover{ background:#112542;}
.metismenu li a:focus{ background:inherit;}
.metismenu li a:focus:hover{ background:yellow;}
&#13;
<div class="metismenu">
  <ul>
    <li><a href="#!">link test</a></li>
  </ul>
</div>
&#13;
&#13;
&#13;

相关问题