Я реализую кнопку закрытия элемента, содержащего текст с CSS. Кнопка закрытия генерирует контент из псевдоэлемента с помощью content:'X';
. Мне нужно, чтобы курсор стал указателем на "X", поэтому я использовал:
cursor:pointer;
Он отлично работает в Chrome и Firefox, но, похоже, он не работает в Internet Explorer (тестирование на IE11 Windows 7).
DEMO (тест в IE)
Я также пробовал с cursor:hand;
, но это не решает проблему. Как я могу сделать курсор указателем при наведении "X", но не на текст div?
Соответствующий код:
div{
font-size:2em;
position:relative;
display:inline-block;
}
div::before{
content:'X';
cursor:pointer;
display:block;
text-align:right;
}
<div>some text</div>