にしし ふぁくとりー:西村文宏 個人サイト

No.6792 - 今日のひとことログ

更新

■LOG No.6792

にししふぁくとりーHOMEに掲載している「今日のひとこと」の過去ログ(掲載履歴)です。 RSS

No.6792 〔623文字〕

約2年ぶりにCSS Tipsコーナーに新記事を追加した。➡select要素の未選択時にだけ灰色に装飾する方法(CSSだけでplaceholder的な項目を加える書き方) 意外と簡単にできそうに思えるのに、やってみるとそう簡単にはいかなかったので、備忘録がてら書いてみた。最初は「option要素に色を指定して、リスト項目に色を付ければ良いのではないか」と思ったのだが、それだとプルダウンされるリストに色が付くだけで、選択後の状態には色が反映されない。select要素に色を指定すれば良いのだが、「どの項目が選択されているか」に応じて色分けしようと思うとJavaScriptを併用しなければならないような気がしてしまう。実際にはHTML+CSSだけで実現できて、しかもCSSは実質3行だけで済むのだが。そういう話を書いた。

それにしても、CSS Tipsコーナーをまさか2年も放置してしまっていたとは。orz 正確には22ヶ月だが。仕事のWeb製作とかで、時々この手のちょっとしたTIPSを思いつくことがあるのだが、なかなか記事にしておこうと思える機会が少ない。仕事のWeb製作をしている最中はそちらを優先する必要があるのでその都度記事を書くわけにも(あまり)いかないし、何より仕事での実装の場合はわりと試行錯誤している段階なので、「いま作っているものがTIPSとして成立するくらいのモノだ」と思い至らずにスルーしてしまうことの方が多い気もする。
2022年4月
12
3456789
10111213141516
17181920212223
24252627282930
2022年5月
1234567
891011121314
15161718192021
22232425262728
293031
2022年6月
1234
567891011
12131415161718
19202122232425
2627282930

Powered by てがろぐ Ver 4.2.3

--- 当サイト内を検索 ---