Why won't padding-left in select box options show in Chrome but works in FF?

I added a css class to options in a select dropdown box for indention,

<select id="users" name="users">
    <option value="[1,2,3]">Devs team</option>
    <option value="1" class="member">user1</option>
    <option value="2" class="member">user2</option>
    <option value="3" class="member">user3</option>
</select>

It shows correctly on Firefox but not on Chrome. :(

Hope you guys开发者_StackOverflow中文版 could help me with this little problem.

You cannot reliably style select and option elements. Browsers typically like to stick to the OS defaults for these elements.

If you are looking to pad .member because they are children of the Devs Team, you may want to look at the OPTGROUP tag: http://www.w3schools.com/tags/tag_optgroup.asp

Found the answer. Sadly chrome doesn't support giving styles to option.