Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Pseudo :focus na labelu ne radi na touch uredi

[es] :: Web dizajn i CSS :: Pseudo :focus na labelu ne radi na touch uredi

[ Pregleda: 1120 | Odgovora: 0 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Insider_m
Web developer

Član broj: 290688
Poruke: 98
89.185.220.*



+7 Profil

icon Pseudo :focus na labelu ne radi na touch uredi17.07.2014. u 01:55 - pre 85 meseci
Koristin ovaj kod za da prikazim search kopce kao labela. Kada se klikne na njega, labela dobija pseudo klasa :focus i u taj trenutak se otvara input tekstualno polje.

Code:
<form class="search-form" role="search">
        <div class="input-group search-group">
              <div class="input-group-btn">
                    <label for="search" class="search-label"></label>
                <input type="text" class="form-control search-control" placeholder="Enter your search term..." name="search" id="search">
             </div>
               </div>
    </form>


Za da postignem ovo, koristim ovaj css:

.form-control.search-control {
width: 0;
}

.search-label:focus ~ .form-control.search-control,
.form-control.search-control:focus {
width: 315px;
}

Probljem je sto ovo ne radi na iPhone, iPad i drugi tableti i mobilni. Kako mogu da napravim da na touch vrz labelu se sluci isto sto se slucuje i na click, ta labela da dobije :focus ?
 
Odgovor na temu

[es] :: Web dizajn i CSS :: Pseudo :focus na labelu ne radi na touch uredi

[ Pregleda: 1120 | Odgovora: 0 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.