エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
-webkit-appearance : noneで初期化!スマホのフォーム要素のスタイル
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
-webkit-appearance : noneで初期化!スマホのフォーム要素のスタイル
このサイトの制作時にスマホで表示確認をしていたとき、フォームのテキスト入力部分(input type=”text”... このサイトの制作時にスマホで表示確認をしていたとき、フォームのテキスト入力部分(input type=”text” や textarea)は大丈夫なのに、送信ボタン(input type=”submit”)だけは、どうしても意図したスタイルにならず、困った。 CSSの指定を無視してデフォルトスタイルのままになる、これは、webkit系のモバイル用ブラウザのバグみたい。 主要なモバイル用ブラウザは、ほとんど webkit系(Safari、Android標準、Android Chrome)なので、直す方法があるなら…と調べてみたら、appearance プロパティに-webkit-のベンダープレフィクスをつけて、値をを none にすれば初期化できるらしい。ということで、さっそく試してみた。 webkit系ブラウザに関する参考サイト:WebKit-Wikipedia appearance に関