593005 - -moz-border-radius is not rendered

Status: RESOLVED DUPLICATE of bug 523041

(Core :: Layout, defect)

Description

[Daniel Blendea]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8 ( .NET CLR 3.5.30729)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8 ( .NET CLR 3.5.30729)

Property -moz-border-radius is not rendered. Html tags having a css rule with -moz-border-radius do not have rounded border.

Reproducible: Always

Steps to Reproduce:
1.define an html tag with a css rule with border radius: input, select { -moz-border-radius:5px;

Actual Results:  
the tag has square border.


I do have a screenshot with a page showing the bug, but here I can't find a place to upload it.

http://img26.imageshack.us/i/mozborderradiusbugfiref.png/

Comment 1

[Olli Pettay [:smaug][[e-mail]]]

(In reply to comment #0) 
> I do have a screenshot with a page showing the bug, but here I can't find a
> place to upload it.
"Add an attachment" ;)

Comment 2

[Daniel Blendea]

Attachment: page with the bug

Comment 3

[Daniel Blendea]

Apparently, if the border is specified, the rounded corners appear.
As in: 
input, select 
{ -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius: 5px;
 border: solid 1px #00f}

Comment 4

[Boris Zbarsky [:bzbarsky]]

This is an issue of border-radius not making us stop using the platform-native look for the widget.

Comment 5

[Boris Zbarsky [:bzbarsky]]

And note, in particular, that "-moz-appearance: none" will make things work.

Comment 6

[Daniel Blendea]

Thanks. Indeed, it solves the problem.