I would like to know how to make rounded border in IE8. I'm using
-moz-border-radius:4px;
-webkit-border-radius:4px;
for mozilla and safari.
and the border-radius needs to be larger than the border width or the interior (background) will be square. If there is no other way to radius an outline then you can use the box shadow. Box shadow follows the shape of the element.
The border-radius CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.
There's a jQuery plugin for that. http://jquery.malsup.com/corner/
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With