998144 - Setting the height of a <select> doesn't vertically center the text of the selected <option>

Status: RESOLVED DUPLICATE of bug 610733

(Core :: Layout: Form Controls, defect)

Description

[jost.frederic]

User Agent: Mozilla/5.0 (Windows NT 6.0; rv:28.0) Gecko/20100101 Firefox/28.0 (Beta/Release)
Build ID: 20140314220517

Steps to reproduce:

<select name="civility" id="civility">
		<option value="man">M.</option>
		<option value="woman">Mme</option>
</select>
css :
select{
            width: 64%;
            height: 3em;
        }



Actual results:

Le problème est que M. apparait bien, mais quand je donne un height à la balise select, le M. se retrouve en haut de la zone du select, donc il n'est pas centré, alors que sur google chrome il est centré. Et si j'applique un padding-top, j'arrive à descendre le M. mais la flèche de la zone descend et ce n'est pas jolie :(



Expected results:

J'aimerai que le résultat soit comme sous google chrome.

Comment 1

[:Gijs (he/him)]

In Google Chrome, I just see height: whatever; not having any effect at all. Is that actually what you're asking for?

Comment 2

[Boris Zbarsky [:bzbarsky]]

Fixed in current nightlies.