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

Question

我有一个<div>带有我用作按钮的灰色边框。

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

问题是，当我滚动文本时，它也会获取 css 类更改信息，并且我的文本会出现黑色边框。

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

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

感谢任何帮助!

Answer 1

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

但是对于鼠标悬停事件的所有外观更改，请使用 CSS 方式:)干净很多。

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