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で食べていきたいデザイナーです。 趣味でアプリ開発(ペア、デザイン担当)やNuxt.jsやらをいじってますが、やばいな~と感じつつネットの波に取り残されないようにワカッタこと、キヅイタことをカキカキします。