Разный цвет для подчеркивания, затем шрифт

Question

Есть ли способ сделать другой цвет для подчеркивания текста, а затем самого текста?

Кажется, что text-decoration-color является not available в большинстве браузеров. Так есть другой путь?

Answer 1

Использовать border-bottom и text-decoration: none. Это похоже на подчеркнутую ссылку.

Посмотри на ниже фрагменте коды:

a { 
 
    text-decoration: none; 
 
    color: red; 
 
    border-bottom: 1px solid blue; 
 
} 
 

 
a:hover { 
 
    color: blue; 
 
    border-color: red; 
 
}

<a href="#">This is a underlined link</a>

Надеется, что это помогает!