Create an Oval With Border Radius. An oval shape can be achieved by changing one pair of dimensions of a 2D shape and giving it a border radius value equivalent to that of a circle. Thus, all rectangular objects, if given a border radius equal to or more than one of the dimensions, will look like an oval. We'll head back to our GlobalStyles.js According to your question and code snippet that you have provided. From my browser when I ran both the button and the outline was Circle. I would suggest you to clear your cache and run the code again OR try changing the browser. I have a small CSS issue with Safari on iPhone device. My search input is blue and when user focuses on it, caret is almost invisible: In all desktop browsers, it has right color (white), even on desktop Safari. Either of the styles mentioned (-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;) will not work in Outlook. Look at @awis's comment where he points you to a way to make rounded edges in Outlook – Try it The radius applies to the whole background, even if the element has no border; the exact position of the clipping is defined by the background-clip property. The border-radius property does not apply to table elements when border-collapse is collapse. Mobile version of Safari seems to make certain HTML elements look very different compared to the desktop version. One of the cases is inputs (text fields), which by default get rounded corners. Well, Sir, it seems I am confused by the difference between border-collapse: collapse; and border-spacing: 0;, however, I have applied your solution and it works marvelously (I would be able to very quickly tell if any of my widths were changed, and they are not). You are a gentleman and a scholar, and your answer does not require me to write I dont think this has anything to do with the value of borderRadius. @Jim, try to set use the accrual number height and width to test. when makes a circle view by setting the border-radius equal half of the view height. the ios show maybe it happently equal. Try borderRadius:width * 0.125 under img style. 6wtQdiH.