Use CSS to remove the super-large corner default style for buttons on IPhone pages

Using the browser on the IPhone to browse the Web page, the button always shows the style of the Super large corner, it seems super disgusting, but we ourselves define Border-radius as 0 can not remove the fillet, after the search found that this is the Webikt kernel browser through the private properties- Webkit-appearance sets the default style for the control.

We just set this property on the button and set it to ' None ' to cancel the browser's default style for the control.

input {-webkit-appearance:none;/* Remove input Default style */}

There is also a magical place for this property, which can be used to invoke the default style of the display browser for various controls, with a total of the following effects (applying a Span tag to a different-webkit-appearance effect):