Autor | Zpráva | ||
---|---|---|---|
majja01 Profil |
#1 · Zasláno: 25. 6. 2013, 19:20:15
Zdar programátoři :)
chtěl bych se zeptat jak udělat aby aby po kliknutí na input s nějakými vlastnosti(background-color) se změnil i jiný div který je vedle něho. Lépe to popíše tento obrázek: Po kliknutí na ten input se zabarví i ten div vede. Doufám že všichni pochopily. :D díky majja01 |
||
scheras Profil * |
#2 · Zasláno: 25. 6. 2013, 19:28:18
Předpokládám, že
<input> má nadřazený prvek <label> , tak bych se zaměřil na akce při label:hover .
|
||
Str4wberry Profil |
#3 · Zasláno: 25. 6. 2013, 19:30:01
„ten input se zabarví i ten div vede“
input.ten:focus + div.vedle {} Musí být ale vedle i v kódu. |
||
majja01 Profil |
@scheras mě nejde o :hover ale :focus
@str4wberry a mohli by jste mi to trochu blíž vysvětlit. tady je můj kod: kde mám co dopsat? <div class="ikonka"></div><input class="text-field"type="email" name="email"placeholder="EMAIL"> <div class="ikonka"></div><input class="text-field"type="password" name="heslo"placeholder="HESLO"> .ikonka { height:50px; width:50px; background-color:red; } .text-field { width:78%; height:55px; border:2px solid rgb(46,46,46); padding:0 10px 0 10px; font-family:roboto-light; background: rgba(35,35,35,1); font-size:20px; color:white; } .text-field:focus { border:2px solid rgb(28,125,90); background: rgba(35,35,35,1); } |
||
Str4wberry Profil |
#5 · Zasláno: 25. 6. 2013, 20:04:28
Já to myslel třeba nějak takto. Ale nevím, jestli tahle technika bude fungovat ve starších Explorerech (v 6 to nepůjde určitě a v 7 nejspíš také ne).
|
||
majja01 Profil |
#6 · Zasláno: 25. 6. 2013, 20:26:50
díky už to chápu
|
||
Časová prodleva: 11 let
|
0