Screenshot from different login mask
The input fields on the login mask of the Internet Explorer are not equal. The input field for the username is longer than the password field. I have attached a screenshot to show the different between FireFox 3 and Internet Explorer 7.
It can be a browser issue, but I do not know about this. I have only see this behaviour by MediaWiki installation since months ago.
Thanks for explanation or fixed.
Version: 1.22.0
Severity: enhancement
Attached:
Both fields specify size=20; may be something funky w/ IE deciding password fields should be displayed with a different font or such.
Sizes could be forced with CSS if we care a lot.
Per my notes on bug 26952 -- this is a longstanding IE issue which can be easily solved by setting an explicit width on the fields in CSS.
However IE does its default mapping from the input 'size' attribute to a width (presumably based on font metrics in some way), it's a little narrower for password fields.
A CSS width will override that with a more explicit size, which'd be win.
What is the best way to solve this?
Adding
input {font-family:sans-serif}
to all pages or only to pages with a password field? Or adding a css rule with an id selector to the 3 pages (in core) with password fields?
It looks like the sans-serif from the body is not inherit to the password field.
Can some one do this, which has (good) knowledge about css and the different browser? Thanks.
Rewrite of the login fixed this problem. The login and password field on the vertical login form have the same size.