Rimuovere i bordi dagli input box selezionati

Tra una vacanza e l'altra sono riuscito a ritagliarmi un pò di tempo per scrivere questo breve articolo. Durante la creazione dei form avrete sicuramentre notato il bordo (solitamente azzurro) che circona le zone di input quando ci si clicca sopra: bene, per un motivo o per un altro (magari il contrasto con i colori del sito) può essere necessario toglierlo e il metodo presto spiegato:

Immaginiamo una normale input box che richiede l'inserimento della password:

 
<input type="text" id="email" />
 

Per togliere il bordo basterà procedere in questo modo:

 
#email:focus
{
     outline:none;
}
 

Impostando a none la proprietà outline infatti elimineremo i bordi dal campo selezionato. Ripeto, solitamente non sorge la necessità di dover apportare questa modifica tuttavia a causa di una forte differenza di colori, di una immagine come sfondo o di un'altra particolare evenienza potrebbe risultarvi utile! :)