html - 删除按钮和链接之间的下划线

Question

我有一个 HTML 链接

<a href='#'><button>+</button> Show advanced options</a>

单击按钮或链接后会显示隐藏的选项。问题是按钮和文本之间有一个下划线（只有“显示”之前的一个字符）。有没有办法删除它？

score 11 · Accepted Answer

11

设置超链接样式

a {text-decoration: none;}

于 2013-05-27T20:55:00.660 回答

score 0 · Accepted Answer

使用 CSStext-decoration属性：

<a href='#' style='text-decoration:none;'><button>+</button> Show advanced options</a>

但是锚标记内的按钮无效

您可以对按钮使用 onclick 事件

score 0 · Accepted Answer

a 标签内的按钮标签无效。此行来自 w3 验证器：

The element button must not appear as a descendant of the a element.
<a href="test"><button>a</button></a>

3 回答 3