Autor Zpráva
majja01
Profil
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 *
Předpokládám, že <input> má nadřazený prvek <label>, tak bych se zaměřil na akce při label:hover.
Str4wberry
Profil
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">
a css:
.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
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
díky už to chápu

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0