Come sbarazzarsi dell'Ombra nella forma del campo di ingresso

June 11

CSS o Cascading Style Sheets, include una proprietà box-shadow che imposta una goccia-ombra su elementi HTML. Per rimuovere l'effetto ombra nei tuoi elementi del campo di ingresso, è necessario rimuovere questa proprietà dalla classe CSS collegato con il campo di immissione. In alternativa, è possibile lasciare la classe intatta da utilizzare con altri campi di input ed eliminare solo la proprietà di classe nel campo di immissione. Ciò elimina la ombra esterna in un solo campo di input.

istruzione

1 Fare clic destro sul file HTML che contiene l'elemento drop-ombra. Fai clic su "Apri con", quindi fare clic l'editor HTML nel sotto-menu.

2 Individuare il campo di input che si desidera modificare. Per utilizzare la funzionalità di ricerca, premere i tasti "F" "Ctrl" e, quindi digitare "input" nella casella di testo. Premere il tasto "Enter" per scorrere fino al primo campo di input.

3 Eliminare la proprietà "di classe" dalla definizione del tag del campo di input. Il seguente codice è un esempio di una casella di input con la proprietà di classe è necessario eliminare per rimuovere il drop-ombra:

<Input type = "text" class = "ombra">

4 Eliminare la proprietà "box-shadow" nella classe del campo di immissione. Quanto segue è un esempio di una classe che crea un drop-ombra:

inputbutton {

box-shadow: 5px 5px 10px;

}

Elimina questa classe per rimuovere il drop-ombra su tutti i campi di input.