Make html button as text

Question

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

In any case, that "About Us" can be displayed as text and not as a button on a website?

Answer 1

Like this.

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

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

Answer 2

I just changed the HTML element from <button> to <p> and it worked, looking just like regular text.

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

Answer 3

That should do the job.

 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> 

Answer 4

Add this

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

Fiddle