select 基本的なセレクトボックス CSSデザインサンプル

フォームに使われているセレクトボックスのCSSのデザインサンプルです。

特徴

  • レスポンシブ対応
  • CSSのみ
  • 色変更可

枠線付きセレクトボックス

See the Pen
css-select 01
by kura (@kuranopen)
on CodePen.

デフォルトのセレクトボックスを角丸にしたセレクトボックス。

HTML&CSS

See the Pen
css-select 01
by kura (@kuranopen)
on CodePen.

背景付きセレクトボックス

See the Pen
css-select 01
by kura (@kuranopen)
on CodePen.

グレーの背景を付けたセレクトボックス。

HTML&CSS

See the Pen
css-select 01
by kura (@kuranopen)
on CodePen.

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

プロフィール

kura

WEBで食べていきたいWEBデザイナーです。
WEBデザイン初心者向けになるべく分かりやすいように解説しています。 そのほか、WEBデザインの便利ツール紹介、開発したりしています。