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
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.