I am using the latest jquery and jquery-ui. I use most of the jquery buttons, datepicker, dialog, etc. None of them have rounded edges in IE8 either in compatibility mode or in non compatibility mode. However in firefox and chrome there are rounded corners. Is there anything that I need to include in the css of jquery which would apply the styles. Any help would be greatly appreciated.
Share
Rounded Corners are a CSS3 Feature. IE 8 doesn’t support CSS3. The earliest version of IE to support ‘border-radius’ is IE9.
If you’re looking for a polyfill for older IE browsers check out CSS3 PIE. I personally didn’t have much luck with it, but I hear good things.
While IE8 is leaps and bounds better than it’s previous versions, IE8 Has many deficiencies; particularily with it’s support of features. Remember it’s a 3 year old browser at the moment, it’s a bit behind chrome/firefox which push updates to you almost on a weekly basis.
There’s many polyfills for many features it or other browsers are missing, check out the Modernizr Polyfill Wiki Article for information on tools you can use to fill the gaps. I will also suggest you carefully weigh the pros/cons of using a polyfill, sometimes you just don’t need it. (Rounded corners aren’t often website breaking, so you could just leave it out and carry on with your day)