Turn off Safari browser button default style

Two days ago again encountered a headache problem, debugging the good style on chrome, go to the phone to open, silly ...

What the hell is this?
Search a bit, just know this is the appearance property of the Ghost ...

For example, if you want a div to have a button style, you can write this

    Div {        appearance: Button;        -Moz-appearance:Button; / * Firefox * /        -WebKit-appearance:Button; /* Safari and Chrome */    }

So cancel the default button style and write your own to show it.

    input,    Button {        appearance: None;        -Moz-appearance: None;        -WebKit-appearance: None;    }

Note Browser support
Appearance properties are not supported in all major browsers.
Firefox supports an alternative-moz-appearance property.
Safari and Chrome support alternative-webkit-appearance properties.

Turn off Safari browser button default style