痔になりやすい生活習慣とは?

セレクトボックスの中身の項目を右寄せしたいのですがどうすればいいのでしょうか?教えてください!

A 回答 (2件)

そのような機能の有無は知りませんが、もし機能としてない


のであれば、等角フォントをつかって左側をスペースで埋める
という手で実現できないこともないかと。

<SELECT style="font-family:monospace;">
<OPTION>1</OPTION>
<OPTION>10</OPTION>
<OPTION>100</OPTION>
<OPTION>テスト</OPTION>
</SELECT>
    • good
    • 0

できないと思います。


少なくともIEではできないと思います。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qselect や option のCSS設定

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

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

 1
 2
~~~
10

Aベストアンサー

フォーム部品の装飾は今のところ現実的でないと思います。
IEやFirefoxでは動作確認されているようですが、safari等でも確認してみてください。

Q右寄せ表示方法

<INPUT TYPE="text" NAME="kakaku" SIZE="6" >
とした場合入力領域の中は普通もじは左づめで表示されますが、これを右寄せで表示するにはどうしたらいいのでしょう?align=rightとか使ってみましたがだめでした。

Aベストアンサー

スタイルシートを使えば、一応可能です。

<INPUT TYPE="text" NAME="kakaku" SIZE="6" style="text-align: right;">

としてみてください。
Windows Me上のIE6とNetscape7では、右寄せにできる事を確認しました。 Opera 6.05ではダメなようです。

QHTMLフォームのSELECTの幅を一定にするためには?

HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば
いいのでしょうか?

CSS等で設定できるとありがたいのですが、やり方がわかりません。

Aベストアンサー

<select style="width: 200px">

QonClickに複数の関数を挿入する方法

初心者なのですがアニメーションの関数anime1、anime2、anime3を作成し、onClickに下記のように設定しました。
クリックするとアニメーション2つの設定ではは動くのですが、3つ目を設定すると動かなくなります。
通常はこのような設定はしないものなのでしょうか?
教えてください。
よろしくお願いします。
<INPUT type="button" value="START" onClick="anime1(), anime2()">・・・OKです。
<INPUT type="button" value="START" onClick="anime1(), anime2(),anime3()">・・・動きません。

Aベストアンサー

セミコロンでつなぐのが常道ですが、3つ以上なら
別途function化したほうが、可読性が高くなると
思います。

Qセレクトボックスの内容を中央寄せ

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{
ここで中央寄せを指定
}
----------------------------------------------------

IE系ブラウザで表示する場合ですが、
セレクトボックスの内容を中央寄せしたいのですが、どうしたらよいでしょうか。

直接HTMLに書くよりも、スタイルシートでの指定にしたいと思っています。
それができなければ、HTMLに書いてもよいです。
よろしくおねがいします。



select.html
---------------------------------------------------
<select name="selectmenu" class="selectbox">
<option value="param1">ここの文字を中央寄せ</option>
<option value="param2">ここの文字が中央寄せ</opt...続きを読む

Aベストアンサー

ieはcssの実装が中途半端だから難しいんじゃないですか?
他のブラウザならtext-align:centerでしょうけどね。

私見では、セレクトボックス内の文字をセンタリングすることは
あまり有効性を感じませんが

QCSSでreadonlyの機能はありますか?

ASPにてCSSを使用しています。
inputタグを読取専用(readonly)にしたいのですが、
スタイルシートでの指定の仕方がわかりません。
よろしくお願いします。

Aベストアンサー

> スタイルシートでも「IME-mode」の設定等、入力に関する制御も可能でしたので

それは某ブラウザが勝手に CSS を拡張して付けた機能で、本来の CSS ではそのようなことはできません。
CSS はあくまでも見た目つまりスタイルをデザインするためのものだと考えるべきです。

QJavaScriptde途中で、「exit」するには?

function kensaku(){
s_data = document.kaiin_form.input_name.value;

if(!s_data){ alert("キーワードを入れて下さい!"); }

if(s_data != dumy){ ...... }
for(i=st_no;i<=n;i++){
......省略.................;
.......省略................}
}

----------------------------------
3行目で表示されたアラートをOKで閉じても、4行目以下が実行されてしまいます。
3行目でexitするにはどうすれば良いでしょうか?

Aベストアンサー

>関数(kensaku())からは抜けられませんでした。
そうですね、勘違いしていました、f(^^;
すみません。
if(!s_data){
alert("キーワードを入れて下さい!");
return;
}
ですね。

QSELECT要素の垂直位置

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               ▼
│                   
└─────────────

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だと
┌─────────────
│           ...続きを読む

Aベストアンサー

 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-html401j/intro/intro.html#h-2.2.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</optio...続きを読む

Qプルダウンリストの背景色の指定

お世話になります。
現在作成しているwebページがあり、下記のようにプルダウンリストの背景色を設定しております。
<select>
<option style="background-color: #FF0000;">サンプル1</option>
<option style="background-color: #00FF00;">サンプル2</option>
<option style="background-color: #0000FF;">サンプル3</option>
<option style="background-color: #FFFFFF;">サンプル4</option>
</select>
このページにおきまして、サンプル3を選択したときに、プルダウンリストに「サンプル3」と表示され、背景色が#0000FFになるようにしたいのですが、
上記のままだと、IEでは背景色も変化しますが、firefoxですとプルダウンリスト内に「サンプル3」と表示されても背景色は白のままです。

IEとおなじ動きになるようにするには、どうしたらよいでしょうか。
ちなみに、

<select style="background-color: #FF0000">

にすると、IE、firefoxともにプルダウンリストの背景色が変更できたので、javascriptでoptionのvalueをとり、それをselectのstyleに設定できれば。。。
と考えたのですが、javascriptはほぼ無知なので、上記の方法でも解決できずでした。

簡単に解決できる方法などございますでしょうか。
もしくは、javascriptで解決できますでしょうか。

どうぞ宜しくお願いいたします。

お世話になります。
現在作成しているwebページがあり、下記のようにプルダウンリストの背景色を設定しております。
<select>
<option style="background-color: #FF0000;">サンプル1</option>
<option style="background-color: #00FF00;">サンプル2</option>
<option style="background-color: #0000FF;">サンプル3</option>
<option style="background-color: #FFFFFF;">サンプル4</option>
</select>
このページにおきまして、サンプル3を選択したときに、プルダウンリストに「サンプル3」と表示され...続きを読む

Aベストアンサー

「スタイルシートのクラス名」

<html>
<head>
<title>TAG index Webサイト</title>
<script type="text/javascript">
<!--
function chBackGround(e) {
e.className=e.options[e.selectedIndex].className;
document.getElementById('submit').focus();
}

window.onload = function() {
document.getElementById('key').className='color01';
}
// -->
</script>
<style type="text/css">
<!--
.color01 {
background-color: #FF0000;
}

.color02 {
background-color: #00FF00;
}

.color03 {
background-color: #0000FF;
}

.color04 {
background-color: #FFFFFF;
}
-->
</style>
</head>
<body>
<form name="f1" action="./DB.cgi" method="POST">
<div>
<select id="key" name="key" onchange="chBackGround(this)">
<option class="color01">
サンプル1
</option>
<option class="color02">
サンプル2
</option>
<option class="color03">
サンプル3
</option>
<option class="color04">
サンプル4
</option>
</select>
</div>
<input id="submit" type="submit" value="表示">
<input type="hidden" name="mode" value="display">
</form>
</body>
</html>

「スタイルシートのクラス名」

<html>
<head>
<title>TAG index Webサイト</title>
<script type="text/javascript">
<!--
function chBackGround(e) {
e.className=e.options[e.selectedIndex].className;
document.getElementById('submit').focus();
}

window.onload = function() {
document.getElementById('key').className='color01';
}
// -->
</script>
<style type="text/css">
<!--
.color01 {
background-color: #FF0000;
}

.color02 {
background...続きを読む

Q