更改div的类，但不更改其中的跨度

Question

我有一个带灰色边框的<div>，我正在使用它作为按钮。

当我将鼠标悬停在边框上时，我使用jQuery将边框颜色更改为黑色(通过更改mouseover上的css类)。在<div>中，还有一个带有my button文本的<span>。

麻烦的是，当我滚动到选取css类的文本时，也会更改信息，然后我的文本就会有一个黑色边框。

我想知道javascript或jQuery是否有办法忽略<span>文本，并将其视为不存在。

我只想改变按钮的边框颜色，而不是给我的文本添加边框。

感谢任何人的帮助！

Answer 1

当您应用新样式时，您的选择器似乎是错误的，并且还包含了span的内容。

但是对于鼠标悬停事件的所有修饰变化，请使用css方式:) Lot cleaner。

.myClass
{
  // css of the button
}
.myClass:hover
{
  // css of the button when mouse over it.
}

Answer 2

正如@Jean-Philippe所说，jQuery不是必需的，css包含了当你将鼠标悬停在元素上时改变元素外观所需的所有功能。

这也可以用jQuery来完成，但我看不出会有什么问题。

此jsfiddle演示了这两种方法，但都没有在内部跨度上设置边界