Closed Bug 566670 Opened 11 years ago Closed 11 years ago
Web theme: -moz-border-radius causes unexpected rounded corners in forms
Setting -moz-border-radius causes unexpected rounded corners on sites with styled form elements (e.g. bug 565964). There is no obvious way for web authors to fix this. (They would need to add "-moz-border-radius: 0" to their own stylesheets with exactly the right selectors.) One solution is to remove the rounded borders from our web theme. See the attached patch and screenshot.
I am leaning towards doing this so we don't cause web styling incompatibilities.
changing the border-radius to 3px seems to mitigate the styling issues while still giving the widgets a "nice" look
Comment on attachment 446008 [details] [diff] [review] patch: remove -moz-border-radius from content.css We decided to use a 3px radius as a compromise. Path coming up.
Attachment #446027 - Flags: review?(mbrubeck) → review+
pushed to m-b: http://hg.mozilla.org/mobile-browser/rev/81d5ab6a65b5
pushed to m-1.1: http://hg.mozilla.org/releases/mobile-1.1/rev/07997ab9d32a
Status: ASSIGNED → RESOLVED
Closed: 11 years ago
Resolution: --- → FIXED
verified FIXED on builds: Mozilla/5.0 (X11; U; Linux armv7l; Nokia N900; en-US; rv:22.214.171.124pre) Gecko/20100519 Namoroka/3.6.5pre Fennec/1.1b2pre and Mozilla/5.0 (X11; U; Linux armv71; Nokia N900; en-US; rv:1.9.3a5pre) Gecko/20100519 Namoroka/3.7a5pre Fennec/2.0a1pre
Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.