使用css禁用鼠标悬停文本

问题描述:

当鼠标指针移到该按钮上时,我希望我的按钮上的文本不会突出显示。使用css禁用鼠标悬停文本

我试过应用以下哪些方法无效。

background-color:transparent; 
opacity:1; 

有人请让我知道要应用的风格。 如果您需要更多信息,请告知我。

+1

到目前为止您尝试了什么?你能代表我们一个jsfiddle吗? – vaso123 2014-10-29 14:23:24

+0

请你可以给你添加完整的css你的悬停和没有悬停状态(有完整的选择器) – Pete 2014-10-29 14:26:12

+0

'背景颜色'不会对文本做任何事情,'不透明度:1'是默认设置, t真的有道理 – 2014-10-29 14:27:49

试试这个(例子):

标准:(高亮)

a{ 
    color: red; 
    text-decoration: underline; 
} 

徘徊(不亮)

a:hover{ 
    color: black; 
    text-decoration: none; 
} 

在您:悬停代码段设置文本的颜色到你想让它出现的位置。例如:

#element a{ 
    color: black; 
} 

#element a:hover{ 
    color: black; 
} 

请记住,要更改文本的颜色,您必须使用颜色,而不是背景颜色。

这里是你可以做的一个简单的例子:

#ID { 
    background-color:yellow; 
} 

#ID:hover{ 
    background-color:white; 
} 

这将导致与ID ID的HTML元素的文本,除非鼠标悬停在文本加以强调。

以下是带示例代码的jsFiddle