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

Question

我有一个HTML链接

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

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

Answer 1

设置超链接的样式

a {text-decoration: none;}

Answer 2

使用css text-decoration属性：

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

但锚标记内的按钮无效

您可以使用按钮

的onclick事件

Answer 3

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

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