我可以将<ul>标签替换为其他元素</ul>

Question

我有一些看起来像

的代码

 <ul class="dropdown-menu">
            <li><a href="Pages/logout8.html">Login</a></li>
          </ul>

使元素看起来像

无论如何我可以删除下划线。我已经尝试将ul标签切换到但是没有用。

有什么想法？感谢。

Answer 1

试试这个css：

.dropdown-menu li a:link {text-decoration:none;}

如果要完全删除下划线，请使用以下内容：

.dropdown-menu li a:link {text-decoration:none;}
.dropdown-menu li a:visited {text-decoration:none;}
.dropdown-menu li a:hover {text-decoration:underline;}
.dropdown-menu li a:active {text-decoration:underline;}

DEMO

Answer 2

你只需添加CSS：

.dropdown-menu li a {
    text-decoration: none;
}

禁用所有文字装饰，例如下划线。

Answer 3

下划线并非真正由<ul>标记引起，而是由链接引起。 <ul>基本上只是列表的容器（ul = unordered list）。

要从文本中删除下划线，您必须使用CSS（或javascript，但CSS更快）。

只需在CSS中添加以下内容：

.dropdown-menu li a {
    text-decoration: none;
}

这将删除链接的所有装饰。

Answer 4

尝试将text-direction:none提供给a代码

有关Text Decoration

的更多信息

Answer 5

text-decoration : underline是a[href]元素的默认样式。因此，如果设置了标签的href属性，则会在其文本上显示下划线。

删除该默认行为：

.dropdown-menu li a {
    text-decoration: none;
}