1241167 - dont work css rule line-height for select tag

Status: RESOLVED DUPLICATE of bug 454625

(Core :: Layout: Form Controls, defect)

Description

[Igor Stepanov]

Attachment: Compare FF and YaBrowser

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.86 YaBrowser/15.12.1.6474 (beta) Safari/537.36

Steps to reproduce:

I wanted change styles for select and input, so I used this fiddle: https://jsfiddle.net/nLbLv6f8/


Actual results:

Heights of select and input are not equal in FF, but in another browsers they are equal. I found styles in `form.css` and they override some rules, ex. `line-height`, `word-wrap` and `white-space`.
Path to file: /Applications/Firefox.app/Content/Resources/omni.ja!/chrome/toolkit/res/form.css


Expected results:

I think that I shouldn't use some hack, for example `height: 30px;`. I want use only `line-height`.

Comment 1

[Igor Stepanov]

Actual user agent of my FF: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:43.0) Gecko/20100101 Firefox/43.0"

Comment 2

[rp08026]

I confrim the problem.
Also have this problem in Firefox 48.0 on Linux.
Developer tools specifically show that line-height parameter is set by a css rule and it OVERRIDES default from forms.css:220. BUT it is not overridden, and new value is not assigned.