回答編集履歴

2 追記

liveasnotes

liveasnotes score 1231

2018/08/17 13:51  投稿

cssに```!important```を付けても効きませんか?
```css
form input[type="submit"] {
 background-color: #80CACA !important; /*modified*/
 background: yellow;
 border-radius: 20px;
 color: #fff;
 border: 0;
 font-size: 18px
}
```
追記(20180817)
ぐぐりました:
- [iPhoneなどでinput要素のボタンにCSSが効かない時の対処方法。](https://applian.jp/ios-input-invalid-css)
- [【フォーム】iOSのボタンが角丸グラデーションになるのをリセット](https://www.webdlab.com/labs/ios-button/)
```css
input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}
```
```
検索ワード「[スマホ input css](https://www.google.com/search?q=スマホ+input+css)」
1 追記

liveasnotes

liveasnotes score 1231

2018/08/17 13:49  投稿

cssに```!important```を付けても効きませんか?
```css
form input[type="submit"] {
 background-color: #80CACA !important; /*modified*/
 background: yellow;
 border-radius: 20px;
 color: #fff;
 border: 0;
 font-size: 18px
}
```  
 
追記(20180817)  
ぐぐりました:  
- [iPhoneなどでinput要素のボタンにCSSが効かない時の対処方法。](https://applian.jp/ios-input-invalid-css)  
- [【フォーム】iOSのボタンが角丸グラデーションになるのをリセット](https://www.webdlab.com/labs/ios-button/)  
```css  
input[type="submit"] {  
-webkit-appearance: none;  
border-radius: 0;  
}  
```

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る