Come sbarazzarsi di una riga sul pulsante Invia

August 8

Il pulsante di invio è stato creato dal tag input in HTML. Quando si aggiunge un tag input a una pagina Web, non può essere visualizzato nel modo desiderato. Alcuni browser Web, come Internet Explorer e Firefox, mostrano una linea tratteggiata sottile all'interno del pulsante quando si fa clic su di esso. La linea tratteggiata viene aggiunto per scopi di usabilità, così gli utenti possono dire il pulsante è a fuoco senza un mouse. È possibile utilizzare i fogli di stile CSS per sbarazzarsi della linea.

istruzione

1 Inserire il seguente codice tra l'apertura e la chiusura HEAD tag del file HTML. Si crea uno stile che rimuove la linea tratteggiata all'interno del pulsante di ingresso:

<Style type = "text / css">

<! -

: Focus {outline: none;}

:: - Moz-focus-interno {border: 0;}

->

</ Style>

2 Scorrere fino al tag BODY e individuare il tag di ingresso per il pulsante di invio, simile a:

<Input type = "submit" value = "Invia">

3 Aggiungi 'class = "submit"' per il pulsante di invio per applicare lo stile creato nel passaggio 1, come segue:

<Class input = "submit" type = "submit" value = "Invia">


Articoli Correlati