Изменение цвета рамки при выделении

Question

Я пытаюсь изменить стили выбора по умолчанию, используя псевдоэлементы ::selection и ::-moz-selection. Я успешно изменил цвет выделения и фон с этими двумя правилами:

::-moz-selection{ background: #444; color:#fff; text-shadow: none; }
::selection { background:#444; color:#fff; text-shadow: none; } 

Однако мне также нужно поменять border-color на белый при выборе ссылок. Я пытаюсь сделать это с помощью этого CSS:

a::-moz-selection { border-color:#FFF;}
a::selection {border-color:#FFF; }

Даже когда я добавляю переопределение !important, Safari не будет стилизовать цвет границы.

Чего мне не хватает? Почему я не могу изменить ссылку border-color при выборе?

Answer 1

Вы не можете определить border стили для выделения текста.

Попробуйте вместо этого определить outline (это будет одно из разрешенных свойств, как указано в старой спецификации и SitePoint Reference ):

a::-moz-selection { outline: 1px solid #fff; }
a::selection { outline: 1px solid #fff; }

Если это не сработает, то, боюсь, браузер просто не поддерживает контуры на ::selection.

Помните, что ::selection был исключен из спецификации Selectors , а остальная часть уровня CSS 3 все еще является черновиком, поэтому вы не можете полагаться на то, что браузеры реализуют его правильно / полностью, простоеще.