More than 3 years have passed since last update.

iosでinputタグがボコってみえるのを直す

Last updated at 2021-02-18Posted at 2020-10-09

課題

まず１枚目と2枚目を比べてみる。

1枚目はデフォルトのinputタグで上の方にshadowみたいな彫りの深さが出ているバージョン
2枚目はそのiosのデフォルトの仕様に対してcssで彫りの深さを消したバージョン

inputタグのcssに appearance: none; -webkit-appearance:none; を追加する

css

input {
  appearance: none;
  -webkit-appearance:none;
}