10 Answers. Sorted by: 5. .myclass { border-style: solid; border-width: 2px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } IE9 will use the default border-radius, so just make sure you include that in all your styles calling a border radius. Then your site will be ready for IE9.
I'm using the code below for the menu of my web and it works perfect in Safari 5 and in my html editor Coda but the rounded corners are missing in Firefox 18.0.2 on my iMac, did tried several changes without success ¿can you help me please?
The following line would create an elliptical border-radius similar to the third image above. border-radius: 10px / 5px; Usually, we only specify one value. In this case, that value gets used as both the vertical and horizontal radii. The following line would create a circular border-radius similar to the second image above. border-radius: 10px;
1. Giving it a px value works best in this scenario. Percentage is typically used when creating shapes (in your case, a circle) input { border-radius:10px; } I believe this is what you're going for. Giving your borders a percentage will mean that they will all look different based on the width and height. Using px gives it a consistent look.
If you want to add border-radius on tbody element in HTML, you may encounter some challenges and limitations. In this Stack Overflow question, you can find some possible solutions and explanations from other developers who faced the same issue. Learn how to use CSS, pseudo elements, and other tricks to achieve the desired effect.
There is a bug in Safari when using border-radius and overflow: hidden. Especially when applying transform to a child. In this case, overflow: hidden does not always work. The child ignores the border radius and overflows. It's a very old bug. And sadly it seems that it will never be fixed. Anyway, we can't wait for it. There are some workaround.
. 333 377 310 73 141 336 43 221 321
border radius not working on iphone
