WEB Tips デザイン・コーディング

プルダウンメニュー(select)の文字サイズを変える

プルダウンメニュー(select)の文字サイズを変える

フォーム内で使われるselect メニューで文字を大きくしたかったけれど、ちょっととまどったのでメモとして。

文字サイズ変更はselect要素に設定してみるも変わらず。。。

select{
font-size:14px;
}

調べてみたらボーダーの設定を変更すると有効になるとのこと

select{
font-size:14px;
border:1px;
}

こちらのサイトを参考に
http://manodeldio.exblog.jp/9527929

プラスフォーム関連で使いそうなスタイル

  input[type="email"],
  input[type="text"],
  input[type="number"],
  input[type="tel"],
  input[type="search"],
  input[type="url"],
  textarea{
    padding:6px 10px;
    background:#fff;
    border:1px solid #ddd;
    border-radius: 4px;
    box-sizing:border-box;
  }
フォームイメージ

今月キャンペーン特典があるサービス

  • ConoHa WING
    WINGパック36ヶ月で月額652円 55%OFF - 2023年3月31日(金)16:00まで
  • エックスサーバー
    月額費用が最大30%オフの693円&ドメイン永久無料、さらに移転代行も0円中 - 2023年4月21日(金)12:00まで
  • Xserverビジネス
    12ヶ月以上契約で初期費用無料、3ヶ月・6ヶ月で初期費用半額 - 2023年4月4日(火)12:00まで
  • カラフルボックス
    .jp取り扱いスタート。BOX2以上の月額費用が25%OFFのクーポンコード「SERVER25

-WEB Tips, デザイン・コーディング
-