select や option のCSS設定

select　や　option　をCSSで
IEでもFxでも表示する方法ありますか？

また、option が １～～～１０とかニ桁の場合、右寄せ数字は可能ですか
例、
1
2
～～～
10
を
　1
　2
～～～
10

No.3 ベストアンサー 回答者： noname#66720 回答日時： 2008/06/22 23:25

フォーム部品の装飾は今のところ現実的でないと思います。

IEやFirefoxでは動作確認されているようですが、safari等でも確認してみてください。

この回答への補足

そうでしたか残念です(T_T)

safariは未確認ですが
size指定程度でしたらsafariでも対応してますか？
option { font-size:16px } とか。

補足日時：2008/06/23 01:02

この回答へのお礼

ＣＧＩで変更致しました。
ありがとうございました。

お礼日時：2008/07/07 04:17

No.2 回答者： notnot 回答日時： 2008/06/22 19:36

＞select　や　option　をCSSでpaddingを(padding: 5px 3px;)等です。

IEでもFxでも表示する方法ありますか？
＞CGIのoptionメニュー部分がこちらで設定出来ないのです・・・

依然、意味のある文章になっていません。
質問が二つあるように見えてもし実は一つだとすると、多分、こういうことを聞きたいのでしょう。

selectのoptionに1桁ないし2桁の数字が並ぶが、これを右寄せで位置を合わせたい。ところが、HTMLの方はcgiで作成しており修正できない。CSSは設定できるので、何とかCSSだけで対応することは可能だろうか。IEとFirefoxの両方に対応したい。

＝>
無理でしょう。ただ、CSSがいじれると言うことはJavaScriptも書けると思われるので、DOMでHTMLを動的に書き換えれば可能かと。ただ、そこまでやるならcgiを直した方が楽かも。

この回答への補足

Fxでは出来ましたが
ＩＥでは select　や　option　を
paddingをCSS設定出来ないって事ですよね？。

また（別の質問）
optionって一桁の数字と十桁の数字が左寄せなので（通常）
CSSではtext-alignで出来るかなと思ったけど、無理でした・・・
HTMLかCSSの他の方法でも右寄せ（桁合わせ）は出来ないって事ですよね？・・・

ちなみに先の回答
optionメニュー部分の数字部分はcgiの初期なので設定出来ませんので
が使えないのです・・・　何度もすみません。
色んなCSSマニュアルサイト探しても載ってなくて。。。

補足日時：2008/06/22 22:00

この回答へのお礼

＞そこまでやるならcgiを直した方が楽かも。
ＣＳＳでは無理でした・・・CGIは良くわかりませんがセンター表示のCGIがありましたのでコピペさせてもらいました。ありがとうございました。

お礼日時：2008/07/07 04:16

No.1 回答者： yambejp 回答日時： 2008/06/22 18:45

>select　や　option　をCSSで

>IEでもFxでも表示する方法ありますか？

意味がわからない・・・

>ニ桁の場合、右寄せ数字は可能ですか

text-align:rightがきけばいいのですが、IEでは実装していないので
こんな風にしてください

<style>
select{
font-family:monospace;
}
</style>
<select>
<option>1</option>
<option>2</option>
<option>10</option>
</select>

この回答への補足

質問文を直していたら抜けちゃいました・・・

select　や　option　をCSSで
paddingを(padding: 5px 3px;)等です。
IEでもFxでも表示する方法ありますか？

補足日時：2008/06/22 18:53

この回答へのお礼

&nbsp;　それやりたいのですが
CGIのoptionメニュー部分がこちらで設定出来ないのです・・・

お礼日時：2008/06/22 19:01