将HTML按钮显示为文本

Question

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

有没有办法在网站上将“关于我们”显示为纯文本而不是按钮？

- mikeb

---

现在你可以使用 CSS 并修改按钮属性。 - Rohit Azad Malik

Answer 1

像这样。

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

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

- Rohit Azad Malik

---

亲爱的，它可以工作了，但是当我将光标移到“关于我们”上方时，它显示为代码片段中的样子，而不是像可以被点击。 - mikeb

Answer 2

我刚刚将HTML元素从<button>更改为<p>，它可以正常工作，同时看起来与普通文本相同。

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

- Greenhorn

Answer 3

这应该可以完成工作。

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

}

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

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

- Sachin Gadagi

Answer 4

添加这个

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

button:focus{
outline: 0;
} 

小提琴

- Shrinivas Pai

---

如果您使用了按钮，则此CSS将适用于HTML中的所有按钮，请使用父类或ID（如果适用）。 - Rohit Azad Malik