Come spostare il cursore sulla mano quando si passa il mouse su un tag <button>

Question

Durante la visualizzazione del mio sito, il cursore si trasforma solo nella mano guantata per i tag <a>, non <button>. C'è una ragione per questo?

Ecco il mio codice (i tag del pulsante hanno un ID di #more in css3).

#more { 
    background:none; 
    border:none; 
    color:#FFF; 
    font-family:Verdana, Geneva, sans-serif; 
} 

Answer 1

vedi: https://developer.mozilla.org/de/docs/Web/CSS/cursor

quindi è necessario aggiungere: cursor:pointer;

Nel vostro caso d'uso:

#more { 
    background:none; 
    border:none; 
    color:#FFF; 
    font-family:Verdana, Geneva, sans-serif; 
    cursor:pointer; 
} 

Ciò si applicherà il cursore all'elemento con l'ID " altro "(può essere usato una sola volta). Quindi nel tuo HTML usare

<input type="button" id="more" /> 

Se si desidera applicare questo per più di un pulsante, allora si ha più di una possibilità:

utilizzando CLASSE

.more { 
    background:none; 
    border:none; 
    color:#FFF; 
    font-family:Verdana, Geneva, sans-serif; 
    cursor:pointer; 
} 

e nel codice HTML utilizzare

<input type="button" class="more" value="first" /> 
<input type="button" class="more" value="second" /> 

o si applicano a un contesto html:

input[type=button] { 
    background:none; 
    border:none; 
    color:#FFF; 
    font-family:Verdana, Geneva, sans-serif; 
    cursor:pointer; 
} 

e nel codice HTML usano

<input type="button" value="first" /> 
<input type="button" value="second" /> 

Answer 2

Basta aggiungere questo stile:

cursor: pointer; 

La ragione non sta accadendo per difetto perché la maggior parte dei browser riservare il puntatore solo per i collegamenti (e forse un paio di altre cose che sto dimenticando, ma in genere non è <button> s).

più sulla proprietà cursor: https://developer.mozilla.org/en/CSS/cursor

Io di solito applico questo per <button> e <label> per impostazione predefinita.

NOTA: Ho appena catturato questo:

i tag dei pulsanti hanno un id di #more

E 'molto importante che ogni elemento ha il proprio unico id, non si può avere duplicati. Utilizzare invece l'attributo class e modificare il selettore da #more a .more. Questo è in realtà un errore abbastanza comune che è la causa di molti problemi e domande qui poste. Prima apprendi come usare id, meglio è.

Answer 3

#more { 
    background:none; 
    border:none; 
    color:#FFF; 
    font-family:Verdana, Geneva, sans-serif; 
    cursor: pointer; 
} 

Answer 4

Tutti u bisogno è solo utilizzare uno dell'attributo di CSS, che è ---->

cursor: pointer

basta usare questa proprietà nei CSS, non importa la sua linea o interno o esterno

per esempio (per CSS in linea)

<form> 
<input type="submit" style= "cursor:pointer" value="Button" name="Button"> 
</form>