アンダーラインとフォントの色が異なる

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>

・ホープ、このことができます：

は、以下のスニペットを見てください！