| 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: 13 let
|
|||
0