Windows 10 reached EOS (end of support) on October 14, 2025. For more information, see this article.

Hilfe durchsuchen

Vorsicht vor Support-Betrug: Wir fordern Sie niemals auf, eine Telefonnummer anzurufen, eine SMS an eine Telefonnummer zu senden oder persönliche Daten preiszugeben. Bitte melden Sie verdächtige Aktivitäten über die Funktion „Missbrauch melden“.

Weitere Informationen

Rounded corners do not work in Firefox 13.0

  • 31 Antworten
  • 136 haben dieses Problem
  • 123 Aufrufe
  • Letzte Antwort von Phil Middlemass

Weitere Optionen

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.

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.

Ausgewählte Lösung

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.

Diese Antwort im Kontext lesen 👍 1

Alle Antworten (20)

Weitere Optionen

Same problem here.

Weitere Optionen

Glad I am not the only one then.

Weitere Optionen

Hi, it works fine for me. I have tested. Please update your beta version.

Weitere Optionen

I upgraded to Firefox 15 and still the same issue.

Weitere Optionen

Ausgewählte Lösung

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.

Weitere Optionen

.custom-background { background-color: #cadceb; padding: 4px; border: 1px solid #105289; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

Weitere Optionen

increase your border-radius to 10px you can see perfect curve. And your code works fine for me. If you can see the helpful and not helpful buttons they have rounded corners. message area is also consist of rounded corners. If you can see rounded corners in this website then rounded corners are working perfectly. post reply also consist of rounded corners :)

Weitere Optionen

I removed both '-moz-border-radius: 3px;' and '-webkit-border-radius: 3px;' and replaced it with 'border-radius: 20px;' and it works perfectly now.

Weitere Optionen

perfect ;)

Weitere Optionen

Theres a lot of websites that had before rounded corners, but not anymore

Weitere Optionen

I use "border-radius: 5px 5px 0 0" for all top rounded corner 0 represent not rounded

Weitere Optionen

You may leave in the -moz-border-radius rule to have support for visitors with older Gecko based browsers.

Weitere Optionen

So what was changed in 13.0.1 that this is now broken and how does it get fixed. I have 3rd party themes on my wordpress. Do I now have to wait to see if they change their theme?

Weitere Optionen

The proper usage of particular border radiuses CSS definition according to the W3C specification are as follows:

  • border-radius
  • border-top-left-radius
  • border-bottom-left-radius
  • border-top-right-radius
  • border-bottom-right-radius

I suppose these are working in 13.0.1.

Weitere Optionen

The following does work with version 12.0 and previouses, but it does not with version 13.0:

-moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;

Weitere Optionen

i would rather not be spammed. the question was already answered.

Weitere Optionen

Hi FB92, so sorry about the annoying emails. When you start or reply in a thread, you are automatically subscribed to all replies. Next time you visit the thread, look for "Stop email updates" to the right of your original post. That should take care of it.

Weitere Optionen

Done that. :)

Thanks.

Weitere Optionen

Rounded corners are not working for me. This is a big problem in FF 13.

Geändert am von ThiagoSMoraes

Weitere Optionen

Hi ThiagoSMoraes, you probably have found the solution by now in other threads, but just in case they did not come up in a search: Delete the -moz prefix (unless you want to support Fx3.5/3.6 in which case use both). See https://developer.mozilla.org/en/CSS/border-radius

  1. 1
  2. 2