Daniel Blendea Reporter
	Description • 14 years ago

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/

	Olli Pettay [:smaug][bugs@pettay.fi]
	Comment 1 • 14 years ago

(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" ;)

	Daniel Blendea Reporter
	Comment 3 • 14 years ago

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}

	Boris Zbarsky [:bzbarsky]
	Comment 4 • 14 years ago

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

	Boris Zbarsky [:bzbarsky]
	Comment 5 • 14 years ago

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

	Daniel Blendea Reporter
	Comment 6 • 14 years ago

Thanks. Indeed, it solves the problem.