鼠标悬停时 li html 标签中文本的颜色

Question

我可以在鼠标悬停时更改 "li" html 标签中的文本颜色吗？

<li style=" border:2px; border-color:white;">
  <a href="testrequestform.php" title=" Test Request">Test Request</a>
</li>

Answer 1

你应该使用 :hover 伪元素。喜欢这个样本。

li a:hover 选择鼠标悬停在 li 元素内的所有 a 元素。

从这个short CSS Selectors reference|

:hover Select and style an element when you mouse over it.

代码：

li a:hover {
  color: red;
}
  
  

<li style=" border:2px; border-color:white;">
  <a href="testrequestform.php" title=" Test Request">Test Request</a>
</li>

Answer 2

希望这对您有所帮助：-

 li a:hover {
     color:red;
    }

Answer 3

您可以使用 :hover 伪元素。

li a:hover {
  color: red;
}
  
  

<li style=" border:2px; border-color:white;">
  <a href="testrequestform.php" title=" Test Request">Test Request</a>
</li>

Answer 4

只需将此添加到您的 css

ul li a:hover, ul li a:focus {
 color:red;
}

希望对您有所帮助

Answer 5

如果您使用的是锚标记，则可以使用此 css 代码...

a:hover
{
   color: yourDesiredColor;
}