1
<a href='www.stackoverflow.com'>Hello<font color='#c0c0c0'> World</font></a>
單詞「你好」以任何超鏈接的顏色顯示。 「世界」以#c0c0c0顏色顯示。但是「世界」以超鏈接的顏色加下劃線。 使單詞「世界」以相同顏色下劃線的最佳方式是什麼?#c0c0c0?並在原始超鏈接中保留單詞「你好」的下劃線顏色。分離顏色超鏈接
<a href='www.stackoverflow.com'>Hello<font color='#c0c0c0'> World</font></a>
單詞「你好」以任何超鏈接的顏色顯示。 「世界」以#c0c0c0顏色顯示。但是「世界」以超鏈接的顏色加下劃線。 使單詞「世界」以相同顏色下劃線的最佳方式是什麼?#c0c0c0?並在原始超鏈接中保留單詞「你好」的下劃線顏色。分離顏色超鏈接
嘗試包你最後的話語在<span>
和應用所需的樣式, - DEMO
HTML
<a href='www.stackoverflow.com'>
Hello <span>World</span>
</a>
CSS
a span { color: #c0c0c0; text-decoration: underline; }
檢查IE7-9,Chrome和FF - 似乎無處不在
第一個'span'不是必需的。只要第二個詞在自己的下劃線中就足夠了;那麼下劃線的顏色由該元素的顏色決定。 ''標籤不應該以換行符開頭;中斷現在會導致空間被渲染,並且下劃線具有鏈接的顏色。 –
@ JukkaK.Korpela謝謝你,你是對的。更新答案只使用一個'span' - 它使標記和樣式顯着更清晰。但無法重現您提到的換行符問題 - 儘管在每個瀏覽器中嘗試過.. –