2012-12-01 115 views
1
<a href='www.stackoverflow.com'>Hello<font color='#c0c0c0'> World</font></a> 

單詞「你好」以任何超鏈接的顏色顯示。 「世界」以#c0c0c0顏色顯示。但是「世界」以超鏈接的顏色加下劃線。 使單詞「世界」以相同顏色下劃線的最佳方式是什麼?#c0c0c0?並在原始超鏈接中保留單詞「你好」的下劃線顏色。分離顏色超鏈接

回答

1

嘗試包你最後的話語在<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 - 似乎無處不在

+0

第一個'span'不是必需的。只要第二個詞在自己的下劃線中就足夠了;那麼下劃線的顏色由該元素的顏色決定。 ''標籤不應該以換行符開頭;中斷現在會導致空間被渲染,並且下劃線具有鏈接的顏色。 –

+0

@ JukkaK.Korpela謝謝你,你是對的。更新答案只使用一個'span' - 它使標記和樣式顯着更清晰。但無法重現您提到的換行符問題 - 儘管在每個瀏覽器中嘗試過.. –