Cześć, zrobiłem poprzez selecta pole rowijane z kilkoma danymi. Chciałbym jednak żeby label był nad polem rozwijanym a nie z jego lewej strony. Próbuję się dostać do tego przez cssa ale nie za bradzo mi wychodzi, zobaczcie kawałek kodu html: wiersz od 9 do 15.
<div class="kol kol-pole">
<div class="form">
<label class="mail">e-mail <input type="text"></label>
</div>
<div class="form">
<label class="fibu">ID <input class="fibu" type="text" disabled></label>
</div>
<div class="form">
<label for="kraj_nadania">kraj nadania</label>
<select id="kraj_nadania">
<option value="kraj1">Niemcy</option>
<option value="kraj2">Francja</option>
<option value="kraj3">Węgry</option>
<option value="kraj3">Polska</option>
</select>
</div>
<div class="form">
<label for="kraj_dostawy">kraj dostawy</label>
<select id="kraj_dostawy">
<option value="kraj1">Niemcy</option>
<option value="kraj2">Francja</option>
<option value="kraj3">Węgry</option>
<option value="kraj3">Polska</option>
</select>
</div>
<div class="form">
<label for="serwis">serwis dodatkowy</label>
<select id="serwis">
<option value="priority">Priority</option>
<option value="normal">Normal</option>
<option value="fast">Fast</option>
</select>
</div>
<div class="form">
<label class="adr">ADR <input type="checkbox" value="tak"></label>
</div>
</div>
<div class="kol kol-pole">
<div class="form">
<label class="klient">nazwa klienta <input class="klient" type="text" disabled></label>
</div>
<div class="form">
<label class="zaleglosci">zaległości <input class="zaleglosci" type="text" disabled></label>
</div>
<div class="form">
<label class="kod_nadania">kod nadania <input class="kod" type="text"></label>
</div>
<div class="form">
<label class="kod_dostawy">kod dostawy <input class="kod" type="text"></label>
</div>
<div class="form">
<label class="TT">TT <input class="TT" type="text" disabled></label>
</div>
</div>
a mój css pod tego selecta:
.kol {
position:relative;
float:left;
}
.kol-pole {
width:32%;
}
.form label .kraj_dostawy {
display: inline-block;
width: 70px;
}
dla innych labeli ustawiam w css-ie j.w i ładnie mi ustawia label nad polem teksowym:
.form label.TT {
display: inline-block;
width: 28px;
}
input.TT {
background-color:#b6b5b5;
width:28px;
}
Czy w zły sposób dostaję się do labela w selekcie aby go zmienić?
Czy mogę zmienić wygląd pola rozwijanego? Np. zeby nie miał scian bocznych czy nie ma takie opcji?