jQuery плагин для изменения цвета подчеркивания?

Question

Есть ли какой-либо плагин, который меняет цвет подчеркивания ссылки и цвет текста остается? Мне нужно добавить эту функциональность к существующему HTML-коду и еще не нашли что-то хорошее. Я не могу изменить HTML, поэтому я не могу обернуть <a> или <span> и CSS.

Answer 1

Не можете ли вы просто удалить подчеркивание, установив при этом текст-украшение никому, а затем добавив граничное дно: 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" 
}); 

Answer 2

Похоже, вы пытаетесь изменить ссылку, не так ли? Вы не можете изменить 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); 

Позвольте мне знать, если это имеет смысл :)

Answer 3

Недавно я создал плагин JQuery, который может обрабатывать подчеркивание, выделение, Зачеркнутые , и hoverlight (между подчеркиванием и зачеркиванием). Вы можете полностью написать свой собственный диапазон вокруг текста и добавить CSS, но этот плагин работает в любом окне просмотра, чтобы настроить нижнюю границу с разрывами строк.

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

Просто передайте своего селектор

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