CSS: How to set up border radius cross browser (only IE8 and IE9 missing ?)

138 views Asked by At

I have created my own buttons and set up some simple border radius.

So far I have the following which works fine for me in newer browsers but I am not sure what I have to add here to cover IE8 and IE9 as well (I am not interested in older versions).

Can someone tell me if I need to add or change anything else here to cover common browsers ?
I would like to support newer versions of Chrome, Firefox, Opera and Safari + IE (incl. IE8 and IE9).
Would "-ms-..." be required here for IE10 and "-o-..." for Opera ?
I do not want to cover Netscape and Konqueror (unless someone recommends this).

My CSS:

-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari */
-webkit-appearance: none;               
border-radius: 5px;

Many thanks in advance, Mike

1

There are 1 answers

8
Wojciech Maj On BEST ANSWER

You can't cover IE8 in pure CSS, because it does not support neither final nor vendor-prefixed implementation. IE9 will support it just fine.

You can see full support table here:

http://caniuse.com/#search=border-radius

So based on this table, to answer your question, you won't need -ms-... for IE10 and -o-.. for Opera.