Question

是否有任何插件，更改链接下划线颜色和文字颜色仍然存在？我需要将这个功能添加到现有的HTML代码中，但还没有找到好的东西。我无法更改HTML，因此我无法将<a>或<span>和CSS包裹起来。

Answer 1

你能不能通过将text-decoration设置为none来删除下划线，然后在悬停时添加一个border-bottom：1px red solid或者你想要什么？

这听起来像2行jQuery，或3-10行JS。

$("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);

用于更改下划线颜色的jQuery插件？

3 个答案: