質問: select要素の垂直位置 selectをheight指定で高さを広げています。 要素1 要素2 要素3 要素4 ie8だと要素文字列がプルダウン表示枠の下に寄ってしまいます。 firefoxやie9以上だと垂直方向の中央に寄ります。 できれば、これをie8でも垂直方向の中央に寄せたいのですが、 方法がわかりません。宜しくお願いします。 ie8だと ┌───────────── │ │ ▼ │要素1 └───────────── ↓ ie8でもこうしたい firefoxやie9以上だと ┌───────────── │ │要素1 ▼ │ └─────────────
回答: formのユーザーインターフェースに関わる物は基本的にスタイルシートで変更はできません。出来たとしても弄るべきではありません。 サイトごとに、ユーザーインターフェースが異なると困るからです。 ただ、標準モードだと下記の通り・・ p.form{line-height:60px;} p.form select,p.form select option{display:block;height:60px;} 本文項記事 要素1 要素2 要素3 要素4 ★uiに関わる部分---例えばカソールとか---は弄らないは原則です。 すべてのユーザーがfirefoxやie,chrome使っているわけじゃない。 【引用】____________ここから htmlは、どんな環境からもwebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つpcや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[introduction to html 4 (ja)( http://www.asahi-net.or.jp/%7esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )]より