プルダウンメニュー（セレクトボックス）要素を右揃えしようと思ったけど、出来なかったのでメモ

プルダウンメニュー（セレクトボックス）要素を右揃えしようと思ったけど、出来なかった。

今後、また挑戦することにないよう、メモしとく。
(何度も同じことやるのは、無駄なので…)＜やりたかったこと＞
・プルダウン内、日付の右揃え(1桁の月、1桁の日を、2桁のものと右揃えであわせたかった)

＜試したこと＞
・<select>タグにclass pulldownを設定

.pulldown option{
width:15px;
text-align: right
}

※widthを指定した理由は、プルダウンの横幅が大きくなり過ぎて、右位置過ぎる表示となるのを防ぐため
※縦幅によって、「上下シークバーが出るプルダウン」と「出ないプルダウン」があるのだが、その設定はどこで行うか不明

＜結果＞
・FF5.0 … O.K.
・IE9.0 … N.G.左揃えになる。理由不明

結局、諦めた。


なお、調べていく内、いい感じかな、と思ったのは、
▽selectボックスをシンプルなプルダウンに拡張するjQselectable(jQuery.selectable.js) :: 5509
　 http://5509.me/log/jqueryselectable

但し、「jQueryプラグイン」ってことで、
jQuery読み込んだり、「jQselectable.js」ダウンロードが必要みたい。


要素を右揃えしたかっただけなのに、何か大げさかな、と思い、
導入は見送りにした。

もし、試すにしても、表示系は、
裏のスクリプトが完成した後の、
一番最後になると思う。


後、今回、調べていて思ったのが、

「プルダウンメニュー」で検索すると、
ドロップダウンメニューに関するエントリーが大量に出てきて、
まいったよ。

呼び方間違ってるのかな？

「プルダウンメニュー」じゃなくて、
「セレクトメニュー」が正しいの？

それとも、「セレクトボックス」？


ここら辺、あんまり使ったことがないから、
よく分かんないんだよね…