プルダウンメニュー(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;
  }

フォームイメージ

シェアする

  • このエントリーをはてなブックマークに追加

フォローする