Question

How do I give Firefox rounded borders using border-radius? I am using Firefox 14 on Ubuntu.

Edit:
I have tried

-moz-border-radius

and all the other browser specific comments, none of them have worked. I had already found this after searching on Google, and that is why I asked here.

Does it make any difference if I’m using KDE? I have already added Firefox in the window-specific overrides.

My userChrome.css file starts with this:

-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

Is it supposed to implemented differently? The rest of the css codes I have used work perfectly. Thanks!

THE RESULT:
I wanted to round the corners of the entire border, but apparently it’s impossible. Sorry for the misunderstanding and thanks for your trouble!

Answer 1

Um, have you specified a selector for your property? The file you linked lacks them. Try this:

* {
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}