SELECTをheight指定で高さを広げています。
<select style='height:30px;'>
<option value='1'>要素1</option>
<option value='2'>要素2</option>
<option value='3'>要素3</option>
<option value='4'>要素4</option>
</select>
IE8だと要素文字列がプルダウン表示枠の下に寄ってしまいます。
FireFoxやIE9以上だと垂直方向の中央に寄ります。
できれば、これをIE8でも垂直方向の中央に寄せたいのですが、
方法がわかりません。宜しくお願いします。
IE8だと
┌─────────────
│
│ ▼
│要素1
└─────────────
↓ IE8でもこうしたい
FireFoxやIE9以上だと
┌─────────────
│
│要素1 ▼
│
└─────────────
No.1ベストアンサー
- 回答日時:
formのユーザーインターフェースに関わる物は基本的にスタイルシートで変更はできません。
出来たとしても弄るべきではありません。サイトごとに、ユーザーインターフェースが異なると困るからです。
ただ、標準モードだと下記の通り・・
p.form{line-height:60px;}
p.form select,p.form select option{display:block;height:60px;}
<form action="./">
<p>本文項記事</p>
<p class="form">
<select name="test">
<option value='1'>要素1</option>
<option value='2'>要素2</option>
<option value='3'>要素3</option>
<option value='4'>要素4</option>
</select>
</p>
</form>
★UIに関わる部分---例えばカソールとか---は弄らないは原則です。
すべてのユーザーがfirefoxやIE,Chrome使っているわけじゃない。
【引用】____________ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
確かに、form要素をcssで無理やり変更するべきではないのでしょう。
今回はお客様からの希望でしたので、無理やり変えたかった次第です。
ご回答ありがとうございました。とりあえず、お客様へは納得してもらえ
そうです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript 1度きりではなく、繰り返し、挙動が変わるようにしていただきたいです。 1 2022/07/03 15:50
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
文字の横にプルダウンを表示さ...
-
[html]ラジオボタンを使った診...
-
セレクトメニューで2つの項目...
-
セレクトボックスから別窓にジ...
-
SELECT OPTIONの中身をコピペ...
-
プルダウンで別項目に値を代入...
-
select boxで指定した箇所に飛...
-
<SELECT>タグの折り返し
-
複数列を持ったリストボックス...
-
プルダウンリストの背景色の指定
-
テーブル内でドロップダウンメ...
-
セレクトボックスである項目を...
-
プルダウンメニューのボタンの...
-
Application.ScreenUpdating = ...
-
formで特定のinputを送信しない...
-
JSONで文字列が長い時
-
どちのほうがすきですか?
-
int(input("○○"))の使い方
-
16進の10進変換について
-
vbaでxmlからNodeListでデータ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
セレクトメニューで2つの項目...
-
文字の横にプルダウンを表示さ...
-
<SELECT>タグの折り返し
-
テーブル内でドロップダウンメ...
-
セレクトボックスのselected属...
-
複数列を持ったリストボックス...
-
セレクトボックスの「選択して...
-
セレクトボックスから別窓にジ...
-
SELECT OPTIONの中身をコピペ...
-
プルダウンリストの背景色の指定
-
セレクトボックスの中を一部隠...
-
セレクトメニューで選んだ値を...
-
メールアドレスの存在のチェッ...
-
同じものを繰り返し表示させる
-
セレクトボックスである項目を...
-
プルダウンメニューのボタンの...
-
SELECT要素の垂直位置
-
html select optionが左寄せに...
-
ドロップダウンリストのselecte...
-
プルダウンメニューで中央表示
おすすめ情報