Question

有没有办法只在（非）有序列表中加下划线？具体来说，比方说，我有一个菜单，内联显示没有项目符号，每个项目都是一个链接。链接没有加下划线，但是当用户将鼠标悬停在它们上面时会加下划线。然后他们用隐形的子弹点下划线，这让我感到困惑。有没有办法只为文字加下划线？

答案：结果证明，我的问题不在子弹中。而且，它太愚蠢了，我现在对这个问题感到羞愧。我以为我记得所有被编码的东西，但事实证明我在列表项之前有一个 ，出于一些奇怪的原因。我保留了所有内容，但更改了：将<a>标记上的代码悬停在<span>标记上，其中包含一个“悬停”类，其中包含文本，而忽略了 。现在一切都很好，我只得到下划线的文字。感谢@Ken Clark指出<span>“技巧”。

Answer 1

无法理解你究竟在问什么。

如果您不希望子弹无序列表

<ul type="none">  <u><li>one</li></u>  <u><li>two</li></u>  <u><li>three</li></u></ul>

将类型设置为none将删除项目符号。

<ul style="list-style-type:none">

以上将完美地运作。因为所有浏览器都不接受type：none。

Answer 2

为ul：

设置list-style为none

ul { list-style: none }

悬停下划线不会强调子弹的位置。这是一个fiddle来演示。

Answer 3

喜欢这个吗？

jsFiddle

<强> HTML

<ul>
    <li><a>Link</a></li>
    <li><a>Link</a></li>
    <li><a>Link</a></li>
</ul>

<强> CSS

a {
    text-decoration:underline;
}

这只会强调链接，而不是子弹。如果您只想在悬停时加下划线，请将CSS更改为：

a {
    text-decoration:none;
}
a:hover {
    text-underline;
}

Answer 4

从a:hover删除下划线并在内部链接中将文字放在范围内，并为该范围指定下划线样式：例如：

<style>
.anchor
{
    text-decoration:none;
}

.anchor:hover
{
    text-decoration:none;
}
.spnItem:hover
{

    text-decoration:underline;
}
</style>
<a href="#" class="anchor"><span class="spnItem">Item</span> </a>

Answer 5

请参阅此链接，希望这对您有所帮助。 jsfiddle.net/wMSFp/1 /

如何在没有项目符号的情况下加下划线

5 个答案: