今回ご紹介するのは、セレクトボックスをカスタマイズするjavascriptです。 cssのみでセレクトボックスをカスタマイズしようとすると、ボーダーや背景色ぐらいしか変更できないなぁと思っていましたが、javascriptと併用するば、もっとデザインを施すことができるようです。 サンプルはこちら 使用方法 ダウンロード 以下のjavascriptをダウンロードします。 prototype.js script.aculo.us select.js script.aculo.usについては、effects.jsなど一式を使用しますのでご注意を。 htmlへの記述 ダウンロードしたjavascriptをhead内への記述します。 <script type="text/javascript" src="js/prototype.js"></script> <script type="text/ja
![セレクトボックスをカスタマイズするjavascript【Select Box】 | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/6a7c7828e73c1691039a9aa0dce7f4c767e36c92/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_javascript.png)