Как сделать подчеркивание одинакового размера во всех браузерах css?

Question

Когда у меня есть следующее в css, подчеркивания под ссылками в IE и Firefox «удваиваются».Я видел, что некоторые веб-сайты имеют одинаковое семейство шрифтов, одинаковый размер шрифта, выделены жирным шрифтом, а подчеркивания не дублируются.Как сделать подчеркивание только одной строкой, а не двумя (1px против 2px).Простой CSS, который будет работать во всех браузерах (если это возможно).Я знаю, что мог бы использовать border-bottom для решения проблемы, но мне не очень понравилась идея.

.a_12 {
font-family: arial;
font-size: 12pt;
font-weight: bold;
text-decoration: underline;
}

Спасибо за вашу помощь и предложения

Answer 1

Вы не можете управлять тем, как браузеры отображают текст подчеркивания с помощью CSS.Если вам действительно нужен этот уровень контроля, то использование нижней границы не помешает.

Answer 2

Альтернативой методике border-bottom, предложенной в нескольких других публикациях, является использование inset box-shadow, например, так:

box-shadow: 0 -1px 0 0 inset;

Если для параметра color по умолчанию задан текст, по умолчанию используется текст.цвет.

Answer 3

попробуйте использовать это свойство: border-width: 1px или поиграйте с border-bottom свойство