Question

我希望悬停时右边框从绿色变为黑色。我试过的CSS不起作用。怎么办？

Html：

<li class="">
<a class="xclass" title="1stmenu" href="mylink">mytext</a>

CSS：

.sf-menu > li {  
  float: left;  
  border-right: 2px solid;  
  border-color : #fff #00a54f;  
               }  
.sf-menu > li.sfHover > a,  
  .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {  
    border-color : #fff black;  
    color: #00a54f; }

如果有人也可以提供有关如何执行悬停脚本的一些信息，我们将不胜感激。

Answer 1

您好我注意到您的html不完整且您的CSS过于复杂，所以我通过添加ul元素并为a href设置非悬停状态来完成并简化它：

<ul class="sf-menu">
<li class="">
<a class="xclass" title="1stmenu" href="mylink">mytext</a>
</li>
</ul>

America/Chicago

Answer 2

为此你必须使用：

.sf-menu li {
border-color : green;
}
.sf-menu li:hover {
border-color : black;
}

我希望它会奏效。

悬停时边框改变颜色

2 个答案: