Open Bug 1699020 Opened 5 years ago Updated 5 years ago

Should we change the default border width on <select> from 2px to 1px in the UA sheet?

Categories

(Core :: Layout: Form Controls, enhancement)

Product:
Core
Component:
Layout: Form Controls
Type:
enhancement

Tracking

()

People

(Reporter: MatsPalmgren_bugz, Unassigned)

References

Details

I wonder if it's time to change these from 2px to 1px instead, and perhaps also move to solid style.

I see three reasons for doing this:

  1. I think most native themes use 1px these days
  2. Chrome uses 1px, which causes some badly styled form controls looking worse in Firefox than in Chrome (e.g. bug 1696686). (This is an author error, but still...)
  3. these 2px beveled borders looks dated (I think they originally took inspiration from native UI in the 90'es)

I'm confused, Chrome seems to use 2px here (and this is their UA sheet). What am I missing?

I guess they do use 1px on <select>, but that seems inconsistent, and in fact these elements are not the same height:

data:text/html,<select></select><input>

Which seems off.

So I'd be a bit wary of changing the border widths. But I do agree changing the border style is probably good though.

Yeah, I was referring to their <select> style. I guess if they're using 2px for other controls then we should keep it at that.

It'd be nice if UAs could agree on the default <select> style though, for consistency. Maybe we can convince them that 2px is better, given your example?

Summary: Should we change the default border width on form controls from 2px to 1px in the UA sheet? → Should we change the default border width on <select> from 2px to 1px in the UA sheet?
You need to log in before you can comment on or make changes to this bug.