Voiko joku selittää, miten poistaa oranssi tai sininen kehys (ääriviivat) tekstin/syöttöruutujen ympäriltä? Luulen, että se tapahtuu vain Chromessa osoittaakseen, että syöttölaatikko on aktiivinen. Tässä on syöttö-CSS, jota käytän:
input {
background-color: transparent;
border: 0px solid;
height: 20px;
width: 160px;
color: #CCC;
}
Tätä reunusta käytetään osoittamaan, että elementti on tarkennettu (eli voit kirjoittaa syötteen tai painaa painiketta Enterillä). Voit kuitenkin poistaa sen:
textarea:focus, input:focus{
outline: none;
}
Käyttökelpoisuuden vuoksi voit kuitenkin lisätä jonkin muun tavan, jolla käyttäjät tietävät, mikä elementti on näppäimistön tarkennuksessa.
Chrome käyttää korostusta myös muihin elementteihin, kuten DIV'iin, joita käytetään modaaleina. Voit estää korostuksen näissä ja kaikissa muissakin elementeissä seuraavasti:
*:focus {
outline: none;
}