изменить класс div, но не промежуток в нем

Question

У меня есть <div> с серой рамкой, которую я использую в качестве кнопки.

Я использую jQuery, чтобы изменить цвет границы на черный, когда я переворачиваю его (изменяя класс css на mouseover). В <div> есть также <span> с текстом моей кнопки.

Беда в том, что я переворачиваю текст, который тоже получает информацию об изменении класса css, и тогда мой текст имеет черную рамку.

Я хочу знать, есть ли способ для javascript или jQuery игнорировать текст <span> и обрабатывать его так, как если бы его не было.

Я просто хочу, чтобы цвет рамки кнопки менялся, а также не добавлял границы для моего текста.

Любая помощь приветствуется!

Answer 1

Как сказал @ Jean-Philippe, jQuery для этого не нужен, css содержит все функции, необходимые для изменения внешнего вида элемента при наведении на него курсора.

Это также можно сделать с помощью jQuery, но я не вижу, в чем проблема.

Этот jsfiddle демонстрирует оба метода, ни один из них не устанавливает границы для внутреннего диапазона

Answer 2

Кажется, что ваш селектор, когда вы применяете новый стиль, неверен и включает в себя также содержимое диапазона.

Но для всех косметических изменений при наведении мыши на событие, пожалуйста, используйте способ css :) Лоточиститель.

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