Rounded Corners in FF13

85 views
Skip to first unread message

skye riquelme

unread,
Jun 15, 2012, 5:36:14 PM6/15/12
to TiddlyWiki
Just a quick note to inform people that when you update to FF13, the
old CSS "-moz-border-radius" no longer works. All those nice rounded
corners disappear. You need to get into the CSS code and remove the "-
moz-" part..... the code fopr rounded corners is now just "border-
radius".

Thanks
Skye
Message has been deleted

PF

unread,
Jul 6, 2012, 12:26:12 PM7/6/12
to tiddl...@googlegroups.com
I never knew about CSS extensions until yesterday, when I was researching how to portray the "Windows key" button.  I stumbled upon the CSS to style text to appear as buttons here,

  http://en.wikipedia.org/wiki/Windows_key

The CSS sets each of "-moz-border-radius", "-webkit-border-radius", and "border-radius" to "2px;" to address appearance in various browsers.

---Pam

PMario

unread,
Jul 6, 2012, 5:01:34 PM7/6/12
to TiddlyWiki
You can keep the
-moz- part just add
border-radius

for some time, in the case someone else still uses an older FF that
doesn't understand border-radius

-m

Craig in Calgary

unread,
Jul 9, 2012, 11:01:28 AM7/9/12
to tiddl...@googlegroups.com
To cover my bases (kinda like carrying a horseshoe, rabbits' foot, ''and'' tossing salt over my shoulder) I use:
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
This covers all the major browsers and none should choke on what they don't recognize.

PMario

unread,
Jul 9, 2012, 1:59:38 PM7/9/12
to TiddlyWiki
yea, that's the way to do it at the moment :|
Reply all
Reply to author
Forward
0 new messages