[CSS]複数のチェックボックスを小さいスペースにまとめるスタイルシート

Vitaminのエントリー「Streamline your forms with widgets」から、複数のチェックボックスを小さいスペースにまとめて表示するスタイルシートを紹介します。

Streamline your forms with widgetsのデモのキャプチャ

Streamline your forms with widgets
デモ

デモのチェックボックスには、下記のように6項目で多数のチェックボックスが配置されており、それを小スペースで表示しています。

チェックボックスの全項目

個人的には、一覧性に欠けてしまっているのと、スクリプト:オフ、スタイルシート:オフ時を考えると、実装するにはもう少し手をかける必要があるのかな、と思います。

sponsors

top of page

©2018 coliss