このブログもサボリ気味ながら更新を続けてきたことで、サイドバーのアーカイブやカテゴリーが充実して縦長になってきました。ネットを巡回しているとやたらとサイドバーが縦長のブログにめぐり合うことがありますが、私はこれが気になったので表示をドロップダウンに切り替えようと思ったところ、デフォルトのものはどうにも味気ない。 select タグのカスタマイズについて検索すると画像を使ったものが多いですが、今回は CSS だけで実現できるちょっとおしゃれなドロップダウン表示のカスタマイズ方法を紹介します。このブログが WordPress で運営されているので WordPress にて動作確認を行っていますが、原理を理解すれば他のブログサービスでも同様のカスタマイズを行うことができます。 こちらを参考にさせていただきました。 プルダウン(select)の見た目を思い通りにするCSS – m31 完成品このよ
![WordPressのプルダウンをCSSだけでシャレオツにカスタマイズしてみる](https://cdn-ak-scissors.b.st-hatena.com/image/square/3c231703c7e95563eada438f5971d1c2c690729b/height=288;version=1;width=512/https%3A%2F%2Fnaokixtechnology.net%2Fwordpress%2Fwp-content%2Fuploads%2F2015%2F05%2FNaokix.net_.png)