IE系ブラウザで表示する場合ですが、
セレクトボックスの内容を中央寄せしたいのですが、どうしたらよいでしょうか。
直接HTMLに書くよりも、スタイルシートでの指定にしたいと思っています。
それができなければ、HTMLに書いてもよいです。
よろしくおねがいします。
select.html
---------------------------------------------------
<select name="selectmenu" class="selectbox">
<option value="param1">ここの文字を中央寄せ</option>
<option value="param2">ここの文字が中央寄せ</option>
<option value="param3">ここの文字が中央寄せ</option>
<option value="param4">ここの文字が中央寄せ</option>
</select>
----------------------------------------------------
style.css
----------------------------------------------------
.selectbox{
ここで中央寄せを指定
}
----------------------------------------------------
No.1ベストアンサー
- 回答日時:
ieはcssの実装が中途半端だから難しいんじゃないですか?
他のブラウザならtext-align:centerでしょうけどね。
私見では、セレクトボックス内の文字をセンタリングすることは
あまり有効性を感じませんが
回答ありがとうございます。
IEは中途半端だったんですか^^;
text-align:centerは知っていましたが、
センタリングされないので、別の方法を探していました。
まさか、ブラウザが悪いとは思ってもみませんでした。
実現が可能か、不可能かということが知りたいです。
cssでの実現が難しいということであれば、
htmlの中に書き込むという方法でもOKです。
>有効性を感じない
う、それをいわれてしまうと・・・。
絶対必要ということではないのですが、
デザイン的にセンタリングされたらどう見えるかということです。
興味本位というと聞こえが悪いですが。
引き続き宜しくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript 1度きりではなく、繰り返し、挙動が変わるようにしていただきたいです。 1 2022/07/03 15:50
- JavaScript jsでは、'で区切った部分を改行することはできない。〇か×か。 1 2022/06/26 19:58
- JavaScript 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい 2 2022/07/05 21:58
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<SELECT>タグの折り返し
-
文字の横にプルダウンを表示さ...
-
セレクトメニューで2つの項目...
-
セレクトボックスのselected属...
-
複数列を持ったリストボックス...
-
selectタグ内の特定のoptionの...
-
テーブル内でドロップダウンメ...
-
プルダウンメニューがプルアップに
-
折りたたみ式メニューの作り方
-
セレクトボックスの「選択して...
-
セレクトボックスの中を一部隠...
-
select boxとinput valuの連動
-
ドロップダウンリストのselecte...
-
ドロップダウンリストの表示に...
-
セレクトボックスである項目を...
-
プログラムをテーブル形式にし...
-
Application.ScreenUpdating = ...
-
JSONで文字列が長い時
-
formで特定のinputを送信しない...
-
16進の10進変換について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
文字の横にプルダウンを表示さ...
-
セレクトメニューで2つの項目...
-
<SELECT>タグの折り返し
-
テーブル内でドロップダウンメ...
-
セレクトボックスのselected属...
-
セレクトボックスの「選択して...
-
同じものを繰り返し表示させる
-
セレクトメニューで選んだ値を...
-
セレクトボックスである項目を...
-
SELECT OPTIONの中身をコピペ...
-
複数列を持ったリストボックス...
-
セレクトボックスから別窓にジ...
-
プルダウンメニューのボタンの...
-
プルダウンリストの背景色の指定
-
プルダウンで別項目に値を代入...
-
[html]ラジオボタンを使った診...
-
selectタグ内の特定のoptionの...
-
フォームの「キャンセル」ボタ...
-
プルダウンメニューで中央表示
-
select boxとinput valuの連動
おすすめ情報