CSS 使HTML按钮看起来像链接

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS 使HTML按钮看起来像链接相关的知识,希望对你有一定的参考价值。

<style>
button.link {
	-moz-user-select: text;
	background: none;
	border: none;
	color: blue;
	cursor: pointer;
	font-size: 1em;
	margin: 0;
	padding: 0;
	text-align: left;
}

button.link:hover span {
	text-decoration: underline;
}
</style>

<form action="" method="post">
	<button type="submit" class="link"><span>Delete</span></button>
</form>

以上是关于CSS 使HTML按钮看起来像链接的主要内容,如果未能解决你的问题,请参考以下文章

如何使 WPF 按钮看起来像一个链接?

如何使 UIButton 看起来像电子邮件链接按钮?

吴裕雄 Bootstrap 前端框架开发——Bootstrap 按钮:让按钮看起来像个链接 (仍然保留按钮行为)

使 UILabel 看起来像 CSS display: inline

如何让任何 asp:LinkBut​​ton 看起来像一个按钮

如何使 html div 块看起来像剪切?内部示例[关闭]