Boas Pessoal,
Estou com uma dúvida que me anda a comer a cabeça! Tenho uma select box assim:
Código :
e quero colocar em cada option uma mini imagem....
eu fiz o seguinte:
Código :
mas só funciona no Firefox... já dei voltas pela web e não sei como resolver a questão. Ajuda?![:)]()
Estou com uma dúvida que me anda a comer a cabeça! Tenho uma select box assim:
Código :
<label>
<select autofocus style="background: transparent; border: 0px;" id="linguas" name="linguas" onchange="selectLinguas()">
<option id ="pt" value="pt">Português</option>
<?php for ($k = 1; $k < count($ativas); $k++) {
if ($linguaAtiva == $ativas[$k]) {
?>
<option selected="selected" value="<?php echo ($ativas[$k]) ?>"><?php echo $linguas[$ativas[$k]]; ?></option>
<?php } else { ?>
<option value="<?php echo ($ativas[$k]) ?>" ><?php echo $linguas[$ativas[$k]]; ?></option>
<? }
}
?>
</select>
</label>
<select autofocus style="background: transparent; border: 0px;" id="linguas" name="linguas" onchange="selectLinguas()">
<option id ="pt" value="pt">Português</option>
<?php for ($k = 1; $k < count($ativas); $k++) {
if ($linguaAtiva == $ativas[$k]) {
?>
<option selected="selected" value="<?php echo ($ativas[$k]) ?>"><?php echo $linguas[$ativas[$k]]; ?></option>
<?php } else { ?>
<option value="<?php echo ($ativas[$k]) ?>" ><?php echo $linguas[$ativas[$k]]; ?></option>
<? }
}
?>
</select>
</label>
e quero colocar em cada option uma mini imagem....
eu fiz o seguinte:
Código :
select#linguas option[value="pt"] {background-image: url(images/bandeiraPT.png) ; background-position:right; background-repeat:no-repeat;overflow:hidden;}
mas só funciona no Firefox... já dei voltas pela web e não sei como resolver a questão. Ajuda?
