少しのコードで実装可能なHTML小技集

2022/04/07 495 users 実装 コード 少し type CSS

2022年4月8日 HTML これまで「少しのコードで実装可能な10のCSS小技集」シリーズでCSSのちょっとしたTipsを紹介していましたが、今回はHTMLバージョン！知っていると使い勝手がちょっとよくなる小技を集めました！ ↓私が10年以上利用している会計ソフト！ 目次 セレクトメニューの選択肢をグループ化 type 属性値によっ... 続きを読む

ASCII.jp：セレクトメニューを自由にデザインできる customSelect.js｜こうめの“これから使える”jQueryプラグイン

2013/12/25 34 users CSS jQueryプラグイン ASCII.jp プラグイン

今回紹介するプラグイン customSelect.js 「customSelect.js」は、CSSだけでは変更できない、フォームのセレクトメニューのデザインを簡単にカスタマイズできるプラグインです。 標準スタイルはシンプルですが、自分で用意したデザインも適用できます。軽量で拡張しやすいので、セレクトメニューのデザインをカスタマイズするにはベストなプラグインです。 step1 jQueryプラグイ... 続きを読む

シンプルでミニマルなデザインのUIエレメント素材 -Minimal UI Kit | コリス

2013/07/01 71 users コリス Kit ソーシャルサービス スライダー UIエレメント

Google+にインスパイアされたシンプルでミニマルなデザインのUIエレメントをコレクションした素材を紹介します。 Minimal UI Kit Minimal UI kitにはさまざまなUIエレメントが揃っています。 まずは、カラースキーム ナビゲーション、メニュー ボタン、ソーシャルサービス フォーム、検索 セレクトメニュー、チェックボックス、ラジオボタン ミュージックプレイヤー、スライダー ... 続きを読む

optgroup 要素を CSS でひと工夫してみる | WWW WATCH

2007/05/10 94 users CSS WWW WATCH select 要素 こいつ

フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな時のために optgroup 要素が存在するわけですが、こいつを使用した上で、CSS をあてて見た目を装飾する方法と、一部ブラウザでの注意点などを簡単にまとめてみました。 基本的なことのみで、すごいかっこいい見た目を実現とかそういうのではあ... 続きを読む