锚标记中的上标无法正常工作

我在链接名称中有链接和上标。我得到了上标，但它与下划线一起移动，因为它是一个链接。我试图在标题的位置保留下划线，只提出上标但没有想法。锚标记中的上标无法正常工作

我试过一个招，但它只适用于谷歌浏览器。

这里是我的代码

<A href="http://www.google.com/" target=_blank>Google<SUP style="BORDER-BOTTOM: white 1px solid; COLOR: white !important">®</SUP> search</A>

这里的jsfiddle链接 https://jsfiddle.net/f582kmsj/

来源

2016-02-11 user388969

假设你在这里尝试了类似解决方案的东西？ http://stackoverflow.com/questions/420770/superscript-underline-in-ie – Marc

从SUP元素中删除边框添加到您的风格：

a { 
    text-decoration: none; 
    border-bottom: 1px solid; 
}

如果不指定颜色在边框上，它将始终与文本的颜色匹配，并且或多或少地模仿默认下划线。

来源

2016-02-11 21:22:20

如果你想使用直列式，这会给你一个连续的下划线：

<a href="http://www.google.com/" target="_blank">Google<sup style="display: inline-block; border-bottom: 1px solid; padding-bottom: 4px">®</sup> search</a>

或者作为一个CSS声明：

a > sup { 
    display: inline-block; 
    border-bottom: 1px solid; 
    padding-bottom: 4px 
}

您可能需要调整根据底部填充到您的文字大小。

来源

2016-02-11 21:32:24 twernt

我最终把下标和下划线一起留下。所以上标有下划线文本，下面的下划线是空的。抱歉地说，但没有解决方案解决了我的问题。我们需要保留作为要求的锚点下划线，并且仍然需要上标。所以到现在为止我们一直在解决这个问题，直到我们找到另一个解决方案感谢大家 – user388969

锚标记中的上标无法正常工作

回答

相关问题