2012-05-21 73 views
1

有沒有插件,改變鏈接下劃線顏色和文字顏色仍然存在? 我需要將該功能添加到現有的HTML代碼,並沒有發現好的東西。 我不能改變HTML,所以我不能換行<a><span>和CSS這個。用於更改下劃線顏色的jQuery插件?

+0

你可以改變HTML使用jQuery包裹元素 –

+0

下劃線裝飾是文本的一部分,不能着色單獨 – zerkms

+0

我希望這鏈接幫助你:http://stackoverflow.com/questions/1175383/changing-a-link-underline-color – CroiOS

回答

3

難道你不能通過設置文字修飾爲無,然後添加一個邊框底部:1px紅色固體或任何你想用JS懸停的移除下劃線?

這聽起來像2行jQuery或3到10行的JS。

Live example | source

$("selector for the links you want to change").css({ 
    "text-decoration": "none", 
    "border-bottom": "1px solid green" 
}); 
+4

這是一個沒有諷刺的+1。堆棧溢出*特別用於*讓人們來這裏提問,甚至是基本問題。 –

+0

對不起,這並不意味着很無禮,我在我的iPod上,並打算回來添加代碼。我試圖說,改變下劃線是不可能的,但是邊界是可以的,而且這是一項快速的工作。我以爲他們不知道你使用border-bottom,而不是他們不知道JS。 –

0

聽起來好像您正在嘗試更改鏈接,對不對?你能不能改變html或者你只是沒有訪問它?如果你可以改變它,我建議是這樣的:

//set the anchor color to the underline 
$('a').css('color', '#fff'); 

//get the text in the link and wrap it in a span with the text color 
var linkText = $('a').innerHTML(); 
var linkText = '<span style="color:#000">' + linkText + '</span>'; 

//update the anchor with the new html 
$('a').innerHTML(linkText); 

讓我知道,如果是有道理的:)

0

我最近創建了一個jQuery插件,可以處理下劃線,突出,透,和懸停(在下劃線和刪除線之間)樣式。您可以完全在文本中編寫自己的跨度並添加CSS,但此插件可在任何視口中使用換行符調整底部邊框。

http://www.anthonygonzales.io/decorateText.js/

只是通過你的選擇

$("text-target").decorateText(style, hexcolor);

相關問題