css - CSS：如果选中则不悬停

Question

大多数情况下，这听起来很简单，但我是这方面的新手。

input.input-text:hover {color:red}
input.input-text:focus {color:blue}

我想如果input-text是专注的，它在悬停时一定不会变红。我们可以这样做吗？

score 5 · Accepted Answer

5

您可以堆叠伪

input.input-text:focus:hover {
  color:green;
}

于 2013-01-11T23:23:29.883 回答

score 1 · Accepted Answer

我会使用 jquery 来完成此操作，因为您正在尝试有条件地设置 css。你可以保留你的css，然后在你的html页面上添加它

$("input.input-text:focus").hover().css('color', 'black');

如果您没有包含 jquery 脚本，请将其添加到文档的开头：

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

2 回答 2