Qualcuno può spiegare come rimuovere il bordo arancione o blu (contorno) intorno alle caselle di testo/inserimento? Penso che accada solo su Chrome per mostrare che la casella di input è attiva. Ecco il CSS di input che sto usando:
input {
background-color: transparent;
border: 0px solid;
height: 20px;
width: 160px;
color: #CCC;
}
Questo bordo è usato per mostrare che l'elemento è focalizzato (cioè puoi digitare l'input o premere il pulsante con Enter). Puoi comunque rimuoverlo:
textarea:focus, input:focus{
outline: none;
}
Potresti voler aggiungere qualche altro modo per gli utenti di sapere quale elemento ha il focus sulla tastiera, anche se per l'usabilità.
Chrome applicherà l'evidenziazione anche ad altri elementi come i DIV usati come modali. Per prevenire l'evidenziazione su quelli e su tutti gli altri elementi, puoi fare:
*:focus {
outline: none;
}