Kan noen forklare hvordan man fjerner den oransje eller blå rammen (omrisset) rundt tekst-/inndatabokser? Jeg tror det bare skjer på Chrome for å vise at inndataboksen er aktiv. Her er inngangs-CSS-en jeg bruker:
input {
background-color: transparent;
border: 0px solid;
height: 20px;
width: 160px;
color: #CCC;
}
Denne rammen brukes til å vise at elementet er fokusert (dvs. at du kan skrive inn inndata eller trykke på knappen med Enter). Du kan imidlertid fjerne den:
textarea:focus, input:focus{
outline: none;
}
Det kan være lurt å legge til en annen måte for brukerne å vite hvilket element som har tastaturfokus, av hensyn til brukervennligheten.
Chrome vil også bruke utheving på andre elementer, for eksempel DIV-er som brukes som modaler. For å forhindre utheving på disse og alle andre elementer også, kan du gjøre:
*:focus {
outline: none;
}