1. TOP
  2. デザイン
  3. iPhone/iOSのセレクト、サブミットなどのフォーム要素のCSSをクリアする方法

iPhone/iOSのセレクト、サブミットなどのフォーム要素のCSSをクリアする方法

 2018/09/28 デザイン
この記事は約 2 分で読めます。 1,305 Views

ブラウザによって独自のデフォルトスタイルが色々とありますが、iPhone/iOSでのselect要素やsubmit要素のグラデーションがフラットなデザインなどにしていると浮いてしまう場合があります。

独自のデザインをしたい場合は一度、不要なCSSのスタイルをクリアしてから、独自のスタイルを追加しましょう。

iPhone/iOSのセレクト、サブミットなどのフォーム要素のCSSをクリアするコード

クリアしたい要素に対して、こちらのコードを記入後、任意のスタイルを追加していきましょう。

制作のご依頼・ご相談はこちら

dainamoでは魅力的なWEBサイトや、アプリ、ツール、ポスター、パンフレット、チラシなど幅広く承っております。ご相談、見積もり、お問い合わせなど、お気軽にご連絡ください。

今すぐご相談・問い合わせをする

\ SNSでシェアしよう! /

web制作・デザイン・システム開発・管理なら dainamo(ダイナモ)の注目記事を受け取ろう

この記事が気に入ったら
いいね!しよう

web制作・デザイン・システム開発・管理なら dainamo(ダイナモ)の人気記事をお届けします。

  • 気に入ったらブックマーク! このエントリーをはてなブックマークに追加
  • フォローしよう!

ライター紹介 ライター一覧

エリー

エリー

dainamoで企画・デザイン・ライティング・マーケティングを担当。小さい頃から絵を描くのが好きでデザイナーへ。現在はモノづくり、コトづくり、ヒトづくりでクライアントや世の中により良い影響を与えることが目標。趣味は絵、カメラ、旅行、アウトドア。

この人が書いた記事  記事一覧

  • 【html】selectタグの最初のoption(選択してください)を選ばせない方法

  • 【コピペでOK】期間を指定して表示・非表示するPHP関数

  • ボタンの2重クリックや連打を防止するJavaScript

  • IoT時代のデザインはどうあるべきか

関連記事

  • 【超簡単】WordPress移管プラグイン、「All-in-One WP Migration」の使い方。

  • [font-smoothing] cssでフォントをきれいでなめらかに見せる方法

  • 【2020】おすすめの明朝体のCSS(font-family)設定ときれいで読みやすくい書体の比較

  • フリーランスデザイナーが0から仕事を得るための集客術

  • 投稿記事や固定ページにサブタイトルを挿入できるWordPressプラグイン「WP Subtitle」の使い方

  • 記事をコピー複製できるWordPressプラグイン「Duplicate Post」の使い方