Rounded corners do not work in Firefox 13.0
When trying to style css with the 'moz' rounded corner CSS it does not display correctly in Firefox 13.0 it shows it as a box rather than being rounded.
Chosen solution
I have tested it in firefox 12 and nightly. I have got perfect results. It shows rounded corners. could you send your code and please check you code once. it works fine without adding -moz- also.
Read this answer in context 👍 1All Replies (11)
Thank you!
Firefox 15 doesn't exist yet!
FB92, I don't know what planet you're on, but version 15 doesn't exist yet!
Firefox 15 is currently in beta stage.
Version 15 is in the beta. From what I can guess, the rounded corners problem will not be fixed, and I will still stay at version 12 until it is fixed.
Hi jjalarie, if it's your website, you need to update the CSS rules because the change is permanent. If it's not your website, and you want to see rounded borders return to the site, you could send the webmaster a link to this thread.
I wrote the css exactly how it's supposed to be written on my site, and my homepage for my browser; that css will not change. Why do you think the change is permanent? Did you talk to someone from mozilla?? I can't seem to get a hold of them, because there is no live chat. If you have found a way, let me know okay?
Hi jjalarie, here is a link to the article about border-radius and how after Firefox 12, you need to use border-radius instead of -moz-border-radius: https://developer.mozilla.org/en/CSS/border-radius.
If it's not working, could you post a link to your site so we can take a look?
To save some scrolling, the note about Firefox 13+ is in this section: https://developer.mozilla.org/en/CSS/border-radius#Gecko_notes "Support for the prefixed version (-moz-border-radius) was removed in Gecko 13.0 (Firefox 13.0 / Thunderbird 13.0) ."
Modified by jscher2000 - Support Volunteer
I have both attributes, the -moz-border-radius and the border-radius in my stylesheets. I don't see what your problem is.
You can try to reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
- Press and hold Shift and left-click the Reload button.
- Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
- Press "Cmd + Shift + R" (MAC)
Can you post a link for us the check?
Surely this is an issue to do with the ordering of your prefixed attribute declarations and the final CSS3 specifition attribute, I use this order with the final CSS3 attribute last:
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
Never had any issue with this in any FF version and I'm debugging CSS code every day on every version of FF since V2