1. casa
  2. Domanda e risposta
  3. tooltip per il pulsante

tooltip per il pulsante

2010-02-10 17 views
167

È possibile creare un suggerimento per un pulsante html. È il normale pulsante HTML e non esiste un attributo Title perché è lì per alcuni controlli html. Qualche idea o commento?tooltip per il pulsante

fonte

2010-02-10 SARAVAN

risposta

321

Basta aggiungere un title al vostro button.

<button title="Hello World!">Sample Button</button>

fonte

2010-02-10 16:06:59

+36

Nota: non sembra funzionare sui pulsanti 'disabled'. –

+5

@EduardLuca, Nel mio caso tooltip non funziona sui pulsanti 'disabled' perché Bootstrap imposta' pointer-events: none' per stato disabilitato. Dovrebbe funzionare se impostato 'pointer-events: auto' direttamente sull'elemento. –

+0

è anche quello, il tooltip mirerà a mostrare il fondo da dove si trova il mouse. Quindi se l'elemento obiettivo si trova in basso a destra sullo schermo, il suggerimento si agita sopra il puntatore del mouse. Più in generale: la posizione della punta non è intelligente a volte ... ma suppongo che siano solo i browser allora. – gideon

8

titolo è un attributo standard e può essere usato quasi ovunque

Vedere questo http://www.w3schools.com/tags/tag_button.asp

fonte

2010-02-10 16:03:08 skyman

+0

Il problema che sto leggendo sottolinea che l'attributo titolo non è pienamente supportato da molti browser mobili. Al momento sto effettuando ricerche anche su alcuni problemi relativi ad ADA e sembra essere solo parzialmente supportato. –

+1

@isaacweathers Beh, come vorresti "librarsi" in un browser mobile, comunque, per visualizzare il titolo? – mbomb007

+0

@ mbomb007 -: stato di messa a fuoco su iOS con voce fuori campo è il più vicino a: attributo hover come si potrebbe ottenere. –

30

sia <button> tag e <input type="button"> accettare un attributo title ..

fonte

2010-02-10 16:03:18

6

per tutti qui in cerca di una soluzione di folle, basta semplicemente provare

title="your-tooltip-here"

in ogni tag. Ho provato in td 's e a e funziona bene.

fonte

2017-03-06 13:49:49

+2

È uguale alla risposta accettata. – krillgar

+1

@krillgar, ho dato una soluzione generale che funziona non solo con _button_ ma altri tag. La mia intenzione era rinforzare questa possibilità. –

Problemi correlati

 Problemi correlati