More than 5 years have passed since last update.

iOSのボタンが角丸グラデーションになるのをリセット

Posted at 2018-11-21

HTML
<input type="submit" value="demo1">

CSS
input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}

にすると、iOS で　角丸がとれる。

ここで、　CSSの先頭につけた
-webkit　は、以下参考
http://www.htmq.com/csskihon/603.shtml

なので、-webkit　の1行はなくても大丈夫