将html按钮显示为文字

Question

<li id="item2"><button onclick="myFunction2()">About us </button></li>

无论如何，“关于我们”可能只是文字而不是网站上的按钮？

Answer 1

就像这样。

＆＃13;

＆＃13;

#item2>button{background:none;border:none;outline:none;cursor:pointer}

＆＃13;

<li id="item2"><button onclick="myFunction2()">About us </button></li>

＆＃13;

＆＃13;

＆＃13;

Answer 2

我刚刚将HTML元素从<button>更改为<p>，但它看起来与常规文本相同。

<p onclick="myFunction2()">About us</p>

Answer 3

这应该做的工作。

button,button:focus,button:active
{
    border:none;
    background:none;
    outline:none;

}

＆＃13;

＆＃13;

button,
button:focus,
button:active {
  border: none;
  background: none;
  outline: none;
}

＆＃13;

<li id="item2">
  <button type="button" onclick="onButtonClick()">About us</button>
</li>

＆＃13;

＆＃13;

＆＃13;

Answer 4

添加此

button {
background:none;
border:none;
margin:0;
padding:0;
}

button:focus{
outline: 0;
} 

Fiddle