TalkPHP - View Single Post

Wildhoney · 02-28-2009, 01:55 AM

It is as simple as the following code. Albeit Internet Explorer doesn't play so nicely so that would require more of a hack.

css Code:

select option
{
    background-repeat: no-repeat;
    background-position: 3px center;
    padding-left: 25px;
}

select option#ar { background-image: url('ar.gif'); }
select option#be { background-image: url('be.gif'); }
select option#en { background-image: url('en.gif'); }
select option#fr { background-image: url('fr.gif'); }

Using this HTML code:

html4strict Code:

<select>
    <option id="ar">Argentina</option>
    <option id="be">Belgium</option>
    <option id="en">England</option>
    <option id="fr">France</option>
</select>