[es] - Pseudo :focus na labelu ne radi na touch uredi

Insider_m
Web developer

Član broj: 290688
Poruke: 98
89.185.220.*

+7 Profil

Pseudo :focus na labelu ne radi na touch uredi

^{17.07.2014. u 01:55 - pre 118 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