使用css禁用鼠标上的文本突出显示

时间:2014-10-29 14:21:43

标签: css

当鼠标指针移过按钮时,我希望按钮上的文字不会突出显示。

我尝试使用以下无法正常工作。

background-color:transparent;
opacity:1;
有人,请告诉我要应用的风格。 如果您需要其他信息,请与我们联系。

3 个答案:

答案 0 :(得分:1)

试试这个(例子):

正常:(突出显示)

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

悬停(未突出显示)

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

答案 1 :(得分:1)

以下是您可以做的快速示例:

#ID {
    background-color:yellow;
}

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

这将导致html元素中标识为ID的文本突出显示,除非鼠标悬停在文本上。

这是一个带有示例代码的jsFiddle

答案 2 :(得分:0)

在您身上:悬停代码段将文本颜色设置为您希望其显示为的颜色。例如:

#element a{
    color: black;
}

#element a:hover{
    color: black;
}

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