如何创建仅文本按钮？

Question

如何创建仅显示文本的按钮。与超链接类似，但必须保留<button>属性。

Answer 1

假设您从button元素开始：

<button class="astext">hello, world</button>

您所要做的就是取消所有默认的CSS样式：

.astext {
    background:none;
    border:none;
    margin:0;
    padding:0;
    cursor: pointer;
}

当然，没有办法告诉结果文本实际上是一个按钮。我想你可以投入cursor:pointer或一些:hover规则。

也许你正在制作一个复活节彩蛋，也许你希望让人知道它可以被点击。

Answer 2

也许您可以查看此JSFiddle code以查看其工作原理。建议的解决方案很有意思。

HTML

<button class = "asText" id = "doSmth"> Hello World </button>
<div id="hiddenText">i'm well hidden</div>

CSS

.asText {
background:none;
border:none;
margin:0;
padding:0;
}