我发现这个伟大的教程http://tympanus.net/codrops/2011/07/12/animated-text-and-icon-menu/我希望背景是黑色和白色文字鼠标悬停和白色的背景和文本的黑色鼠标了
而且我被困的东西:
例如我希望背景在鼠标悬停时显示为黑色和文本白色,在背景上显示为白色,文本显示为黑色。我怎样才能做到这一点?
因为每次我尝试更改鼠标悬停时的背景颜色,文本在鼠标上获取背景相同的颜色。
谢谢大家:)
我发现这个伟大的教程http://tympanus.net/codrops/2011/07/12/animated-text-and-icon-menu/我希望背景是黑色和白色文字鼠标悬停和白色的背景和文本的黑色鼠标了
而且我被困的东西:
例如我希望背景在鼠标悬停时显示为黑色和文本白色,在背景上显示为白色,文本显示为黑色。我怎样才能做到这一点?
因为每次我尝试更改鼠标悬停时的背景颜色,文本在鼠标上获取背景相同的颜色。
谢谢大家:)
试试这个:
<a class="my_link" href="#">Link</a>
CSS
.my_link {
color: black;
background-color: white;
}
.my_link:hover {
color: white;
background-color: black;
}
I还会包括'display:inline-block;'并添加一些填充,如果你想让链接看起来更像一个按钮(并且更多地看到背景色)。 – CoderMarkus
那么简单.... – samura
使用LESS更简单;) –
<div class='your-class'>content</div>
<style type="text/css">
.your-class {
color: black;
background-color: white;
}
.your-class:hover {
/* new rules */
}
</style>
如果你想使用纯CSS使用`使
:悬停“与您的设置 – treng
请给我们看一些代码... – Pevara
哈哈,看起来像代码请求,顺便说这个问题不是关于jQuery。 –