HTML создание атрибута заголовка css: зависание не работает

Question

У меня есть код для создания стрелки, и я пытаюсь добавить к нему атрибут title. Вот код стрелки:

#arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid white;
}

#arrow-right:hover {
  border-left: 10px solid gray;
}

<div id="arrow-right" title="text here"></div>

До того, как я добавил атрибут 'title', он работал нормально, меняя цвет на серый при наведении, но после того, как я добавил атрибут 'title', css перестало работать изменение цвета, но название начало работать. Есть ли способ, чтобы оба из них работали одновременно?

Answer 1

Я нашел проблему. У меня было несколько js, объявляющих стиль в элементе, например:

<div id="arrow-right" title="text here" style="border-right: 10px solid white;"></div>

Наряду со стилем, объявленным в таблице стилей, и это сломало его. Мне просто пришлось удалить стиль, объявленный в thr div, и это исправило

Answer 2

заменить

<div id="arrow-right" ; title="text here"></div>

на

<div id="arrow-right" title="text here"></div>