| Autor | Zpráva | ||
|---|---|---|---|
| Adam16 Profil |
#1 · Zasláno: 14. 9. 2013, 18:44:09
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 |
#3 · Zasláno: 14. 9. 2013, 18:58:51
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 |
#4 · Zasláno: 14. 9. 2013, 19:07:26
ešte sa dá skúsiť
:focus a nič iné ma nenapadne, asi na to bude treba väčších odborníkov :)
|
||
| juriad Profil |
#5 · Zasláno: 14. 9. 2013, 19:07:40
Jedná se o pseudotřídu :focus
|
||
| margin Profil * |
#6 · Zasláno: 14. 9. 2013, 19:34:13
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">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 |
#7 · Zasláno: 14. 9. 2013, 20:16:06
presne takto to potrebujem dik bro :)
|
||
|
Časová prodleva: 10 let
|
|||
0