Autor Zpráva
Adam16
Profil
Zdravím, potreboval by som poradiť, chcel by som vedieť ako spraviť ze ak kliknem do textového poľa zmenu sa farba rámčeka inputu. Neviem ako na to tak nejaké nápady alebo odkazy, vopred ďakujem

živá ukážka: https://www.google.sk

kliknete do poľa a zmení sa farba na modro, tak nejako by som to chcel
lionel messi
Profil
/* funguje od IE 7 */
input:hover {border: #0000ff}

Kľúčová je tá pseudotrieda :hover
Adam16
Profil
lionel messi:

áno funguje to ale ja by som potreboval ze ak do toho kliknem ze idem pisat tak to svieti a keď pre kliknem do ďalšieho tak to prve prestane svietit a začne to druhé... na to bude treba asi nejaký JS.
lionel messi
Profil
ešte sa dá skúsiť :focus a nič iné ma nenapadne, asi na to bude treba väčších odborníkov :)
juriad
Profil
Jedná se o pseudotřídu :focus
margin
Profil *
Nejjednodušeji to jde nějak takto:
<!doctype html>
<style>input[type="text"] {
    border: 1px solid #ccc;
    padding: 3px;
}
input[type="text"]:focus {
    border-color: #55f;
    box-shadow: 0 0 2px 1px #55f inset;
}
</style>
<input type="text">
ukázka
kód

Google pomocí javascriptu nastavuje tento styl (hlásí Opera Dragonfly):
.gsfe_b { 
border: 1px solid #4D90FE;
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.298);
outline: medium none currentColor;
}
Adam16
Profil
presne takto to potrebujem dik bro :)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: