html - 如何创建纯文本按钮？

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 规则。

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