プルダウンメニュー(セレクトボックス)要素を右揃えしようと思ったけど、出来なかったのでメモ
状態:不明
閲覧数:7,467
投稿日:2011-07-31
更新日:2011-07-31
プルダウンメニュー(セレクトボックス)要素を右揃えしようと思ったけど、出来なかった。
今後、また挑戦することにないよう、メモしとく。
(何度も同じことやるのは、無駄なので…)<やりたかったこと>
・プルダウン内、日付の右揃え(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」ダウンロードが必要みたい。
要素を右揃えしたかっただけなのに、何か大げさかな、と思い、
導入は見送りにした。
もし、試すにしても、表示系は、
裏のスクリプトが完成した後の、
一番最後になると思う。
後、今回、調べていて思ったのが、
「プルダウンメニュー」で検索すると、
ドロップダウンメニューに関するエントリーが大量に出てきて、
まいったよ。
呼び方間違ってるのかな?
「プルダウンメニュー」じゃなくて、
「セレクトメニュー」が正しいの?
それとも、「セレクトボックス」?
ここら辺、あんまり使ったことがないから、
よく分かんないんだよね…
今後、また挑戦することにないよう、メモしとく。
(何度も同じことやるのは、無駄なので…)<やりたかったこと>
・プルダウン内、日付の右揃え(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」ダウンロードが必要みたい。
要素を右揃えしたかっただけなのに、何か大げさかな、と思い、
導入は見送りにした。
もし、試すにしても、表示系は、
裏のスクリプトが完成した後の、
一番最後になると思う。
後、今回、調べていて思ったのが、
「プルダウンメニュー」で検索すると、
ドロップダウンメニューに関するエントリーが大量に出てきて、
まいったよ。
呼び方間違ってるのかな?
「プルダウンメニュー」じゃなくて、
「セレクトメニュー」が正しいの?
それとも、「セレクトボックス」?
ここら辺、あんまり使ったことがないから、
よく分かんないんだよね…