Почему границы :: cue не отображаются правильно? - PullRequest
0 голосов
/ 19 марта 2019

Игра с подписями на видео HTML5Являются ли оба снимка экрана ошибками в браузерах, или один из них работает должным образом?

Мой CSS:

::cue {
  color: #FF0000;
  background-color: #00CC00;
  outline: thick double #32a1ce;
}

Здесь, в Firefox, вы видите, что границы перекрывают друг друга, хотя они идут вокруг рамки.

firefox screenshot

Здесь, в Chrome, вы можете видеть, что граница идет только по сторонам.

chrome screenshot

ОБНОВЛЕНИЕ

Я подумал, что могу использовать line-height, чтобы изменить интервал вверх.

enter image description here

Похоже, что в Chrome есть ошибка, при которой, если высота строки по умолчанию не обновляется, она не будет отображать горизонтальные границы.Я думаю, что FF - это спецификация, а Chrome нет ... но не уверен.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...