2015-06-12 16 views
5
<li id="item2"><button onclick="myFunction2()">About us </button></li> 

Czy mimo to informacja "O nas" może być wyświetlana jako zwykły tekst, a nie przycisk na stronie?Przycisk HTML wyświetla się jako tekst

+0

tak teraz można użyć css i modyfikować właściwości przycisk –

Odpowiedz

3

Tak jak to.

#item2>button{background:none;border:none;outline:none;cursor:pointer}
<li id="item2"><button onclick="myFunction2()">About us </button></li>

+0

droga to działało, jednak kiedy się kursor nad „O nas”, to pokazuje, jak w fragmencie kodu, ale nie kursor, jeśli można go kliknąć – mikeb

+0

@randy teraz używany kursor: wskaźnik; w css. –

-1

Dodaj ten

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

button:focus{ 
outline: 0; 
} 

Fiddle

+1

jeśli użyłeś przycisku, niż ten css, który ma zastosowanie do wszystkich przycisków w html, więc proszę użyć klasy lub identyfikatora rodzica, jeśli dotyczy. –

0

Właśnie zmienił element HTML z <button> do <p> i to działało, patrząc tak samo jak zwykły tekst.

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

To powinno załatwić sprawę.

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>

Powiązane problemy