HTMLのスタイルシートでFormの文字色が変えれる事はわかっています。
style="background:red;color:white;"
でいいんですよね。
そこで、CSSで条件によってボタンの文字色を変えたいのですが、どうすればいいでしょうか?

なぜ、こんな事を考えるようになったかというと、
IE等では、ボタンのEnableがTrueの時は黒色(バックは普通)、Falseの時は灰色(バックは薄い)状態になるのですが、
この前、chromeでそのボタンを確認したところ、TrueでもFalseでも文字色が黒になっていました。
そこで、ボタンのEnableがFalseの時に、文字色を灰色に変えたいのですが、そんな事ってCSSを使ってでも出来るのでしょうか?

もし出来ないとしたら、ボタンひとつずつスタイルを設定しないといけないという面倒な事になりそうなのです。

もし、CSSでボタンがEnable=falseの時だけ、ボタン色を灰色にする方法がわかる方がいらっしゃいましたら、回答してください。

急ぎませんので、回答よろしくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (3件)

??


 javascriptか何かで、Enable=falseを指定しているなら、その時点でスタイルシートを書き出すしかない??

 button要素にはenableという属性値はないので・・

 form要素内の要素なら
 button、input、optgroup、option、select、textareaについて、disabled属性があります。
<form action="[URL]" method="[post|get]">
 <button disabled type = "submit" title="送信">
</form>
でしたら、属性セレクタを使って
 button[disable]{background:red;color:rgb(120,120,120);}
    • good
    • 0
この回答へのお礼

すみません、disabledでしたね。

つい、Enable=falseって表現を使っていました。
<button>ではなく、<input type="submit">を使っています。

input[disabled]{color:#BBBBBB;}
で試してみたところうまく動作しました。

ありがとうございます。

お礼日時:2011/04/26 17:14

behaviorか


Javascriptで
disabledかどうかを判定して
.style.color=
で変えればOKだったはず。
chromeでこれができたかどうかは
chromeを入れていないのでわからないけど。
    • good
    • 0
この回答へのお礼

Javascriptを使うとしたら、各ページに設定しないといけないですよね?
そうすると、CSSのようにまとめて変換できないので、各ボタンに色変えをしても一緒ですね。

ということで、あきらめて、全部のEnable=falseのボタンにStyle="color:#BBBBBB;"を入れることにします……

IEでは、色を変えたところで無視されるので問題なくて、chrome対策なんですけどね……
色が変わらないchromeは嫌いだぁ~

お礼日時:2011/04/25 16:39

IEでは、


Enable=false
時のボタンの色をいじることはできません。

行うとしたら
ボタンのように見える画像や
スタイルシートを駆使してボタンのように見えるテキストにするしかありません。
    • good
    • 0
この回答へのお礼

IEでは、普通に灰色に変わっているので、色が変わらなくても問題ありません。
chromeの時に、色を変えたいのですが、Enable=falseの時だけ色を変える方法って無いでしょうか?

お礼日時:2011/04/25 12:20

このQ&Aに関連する人気のQ&A

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

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

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

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

Q車の色の名前の一覧を探してます!

自動車の色の名前は、ウイニングブルーメタリック、カナリーイエローマイカなど独特なカタカナ名が多いですが、このような名前が一覧になっているようなHPを探しています。ありましたらどなたか教えてください。

Aベストアンサー

ここで探して下さい。

参考URL:http://www.soft99.co.jp/

QHTMLボタンの文字色を変えられますか

よろしくお願いします。

HTMLで作成したボタンの文字の色は
デフォルトで黒ですが、これを白ぬきしたいと思って
います。実現可能でしょうか?

Aベストアンサー

formで作ったボタン(butoon,submit,reset等)だと仮定してお答えしますが、
スタイルシートを使えばできます。
ついでにボタンの色自体も変えたいとして書いておきますね。

<input TYPE="button" VALUE="button">
<input TYPE="submit" VALUE="submit">
<input TYPE="reset" VALUE="reset">

だと普通のボタンになりますが、
style="background:red;color:white;"
というのをinputタグの中に書けばボタンの色と文字の色が変わります。
今の例では、ボタンそのものは赤色になり、
文字の色は白色になります。
色を変えたい場合は、red、whiteの部分を好きなように変えてください。
文字色だけならbackground:red;はなくしてください。
実際には、以下の様に書いてください。

<input TYPE="button" VALUE="button" style="background:red;color:white;">
<input TYPE="submit" VALUE="submit" style="background:red;color:white;" >
<input TYPE="reset" VALUE="reset" style="background:red;color:white;" >

もしスタイルシートがわからない、同じようにやったけど変わらないというなら補足してください。

formで作ったボタン(butoon,submit,reset等)だと仮定してお答えしますが、
スタイルシートを使えばできます。
ついでにボタンの色自体も変えたいとして書いておきますね。

<input TYPE="button" VALUE="button">
<input TYPE="submit" VALUE="submit">
<input TYPE="reset" VALUE="reset">

だと普通のボタンになりますが、
style="background:red;color:white;"
というのをinputタグの中に書けばボタンの色と文字の色が変わります。
今の例では、ボタンそのものは赤色になり、
文字の色は白色にな...続きを読む

Qファイル一覧の項目の色について

ディスクを開くとフォルダゃファイルの一覧が表示されますが、この一覧の各項目名というか表題というか、この表示される名前に色はつけられないものなのでしょうか、色分けできればわかりやすいので、教えていただきたいのですが。

Aベストアンサー

explorerだけではできそうにない。
いろいろなツールがフリーソフトである。


たとえば、
http://homepage3.nifty.com/pyxis/

Qスタイルシート(CSS)の中にテーブルのようなスタイルシートをつくりたいです。

Dreamweaver8にてHPを作成しております。

今回CSSをやってみようと思い試行錯誤しながらがんばっているのですが、
現在スタイルシートのfloatタグなどを使って、
ヘッダー、メニュー、コンテンツ、フッターというよくある構成で作っております。
そしてコンテンツ部分以外はテンプレート機能を使い共有できるようにしています。

そして新しいページを作る際、コンテンツ部分だけを編集していくのですが、真ん中で2つにわかれた2段組の文章をつくりたくて、テーブルを使用したところ、テーブルが縦に長くなるとCSSで指定した範囲を超えてしまいレイアウトが崩れてしまいます。

これがテーブルでなく文章でなら縦に長くなっても自動的にCSSの高さが長くなってくれます。

ですので、題名のようにCSSでテーブルのような機能のあるものを教えていただきたいのですが、素人でなにぶん申し訳ないですがよろしくお願い致しますm(_ _)m

Aベストアンサー

横に2つ並べるのでしたら「float: left;」を入れると横に並びます。
ただ、テーブル幅を狭く設定して<div class="table">~</div>をずらっと
並べてしまうと、その分だけ横にテーブルが並んだようになってしまうので
その場合はひとつひとつ指定しなくてはならなくなります。

> 画像を挿入するとなぜか枠線が消えてしまうのですが、どうしてでしょうか。
これはテーブルの背景に画像を挿入されているということでしょうか?
それともbodyの中にということでしょうか?
枠線の色をかなり薄いグレーに設定しているので(#cccccc)
そこを別の色に変えると出てきませんか?

> その幅ではできずテキストを入力するにつれて枠線の幅も自動的的に伸びていくという感じです。
下記のCSSの記入方法で何度か試してみたのですが、テキストは延々と伸びていかず
きちんと自動的に折れ曲がってくれるのですが…。spanではなくdivで書かれてみてはどうでしょうか。

CSSファイル例

.table{
float: left;
width: 200px ;/*テーブルの幅*/
background-color: #ffffff;/*テーブルの色*/
background-image : url(sample.gif);/*テーブルの中に入れる画像(画像ファイル名は任意) */
margin: 10px;/*テーブルとテーブルの余白*/
border: solid 1px #000000;/*テーブルの枠の色(今回は黒)*/
padding: 0.5em;/*文字周りの余白*/

html記入例

<body>
<div class="table">文字など文字など文字など文字など文字など文字など文字など文字など</div>
<div class="table">文字など文字など文字など文字など文字など文字など文字など文字など</div>
</body>

横に2つ並べるのでしたら「float: left;」を入れると横に並びます。
ただ、テーブル幅を狭く設定して<div class="table">~</div>をずらっと
並べてしまうと、その分だけ横にテーブルが並んだようになってしまうので
その場合はひとつひとつ指定しなくてはならなくなります。

> 画像を挿入するとなぜか枠線が消えてしまうのですが、どうしてでしょうか。
これはテーブルの背景に画像を挿入されているということでしょうか?
それともbodyの中にということでしょうか?
枠線の色をかなり薄いグレーに設定...続きを読む

Q「名前をつけて保存」のデフォルト表示形式を「一覧」以外に変えられますか?

MS-Office以外のアプリケーションで「名前をつけて保存」を選択した際の、
ダイアログウィンドウ内の表示形式を変えられますか?

「詳細」「一覧」「アイコン表示」「並べて表示」「縮小版」
などの選択肢を一定のものに変えたいのです。
(現状では、毎回「名前をつけて保存」を開くたびに「一覧」表示に戻ってしまうようです)

OSはWindows-XPです。

Aベストアンサー

Windows標準の機能(フォルダオプションなど)では出来ませんが
http://okazaki.incoming.jp/matatabi/
のFasieと言うフリーSOFTを使えば出来ます。

http://okazaki.incoming.jp/danpei2/software/fasie.htm
http://pasokoma.jp/39/lg390467#390654

Q
の中に さらに
があるときのSUBMITボタンについて

今、

<FORM ACTION="aaa.asp" METHOD="POST" Name="form1">
<input type="SUBMIT" value="ボタン1">

<FORM ACTION="bbb.asp" METHOD="POST" Name="form2">
<input type="SUBMIT" value="ボタン2">
</FORM>

</FORM>


としていて、ボタン2を押すとbbb.aspに
飛んでほしいのでに、aaa.aspに飛んでしまいます。
こういう場合どのようにすればよいのでしょうか?

それぞれのボタンは hidden の値をそれぞれの
フォームの中の値を渡したいので
どうしてもSubmitがいいのです。

Aベストアンサー

No.4の回答者_Leoですが、分かりにくかったと思いますので、
全ソースのサンプルを記載しますので、参考にして下さい。
No.6のyou111111さんと同じく、JavaScriptを使用しています。
下記をそのまま、新規のhtmlにコピペで使用できますよよヨ。
本来のサイトが使用しているテキストボックス名は'MT'です。
-------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<!---gooはEUCキャラクタを使っています--->
<html>

<head>
<title>SAMPLE</title>
<meta http-equiv="Content-Type" content="text/html;charset=EUC-JP">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script language="JavaScript" type="text/javascript">
<!--
//<クリックした時に実行される関数>
//*** 英和辞書
function func1(form){
document.form1.MT.value =form.TXT.value;
document.form1.submit();
}
//*** サーチ
function func2(form){
document.form2.MT.value = form.TXT.value;
document.form2.submit();
}
//-->
</script>
</head>

<body>
<!---実際に画面表示されるフォーム--->
<form>
<input type="text" name="TXT" value="Congratulation" size="40"><br>
<input type="button" onClick="func1(this.form)" value="Eng-JP">
<input type="button" onClick="func2(this.form)" value="goo">
</form>

<!-- 辞書用の仮想フォーム -->
<form name="form1" method="GET"
action="http://dictionary.goo.ne.jp/cgi-bin/dict_search.cgi">
<input type="hidden" name="MT">
<input type="hidden" name="sw" value="0">
</form>

<!--- サーチ用の仮想フォーム --->
<form name="form2" method="GET"
action="http://search.goo.ne.jp/web.jsp">
<input type="hidden" name="MT">
</form>

</body>
</html>

No.4の回答者_Leoですが、分かりにくかったと思いますので、
全ソースのサンプルを記載しますので、参考にして下さい。
No.6のyou111111さんと同じく、JavaScriptを使用しています。
下記をそのまま、新規のhtmlにコピペで使用できますよよヨ。
本来のサイトが使用しているテキストボックス名は'MT'です。
-------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<!---gooはEUCキャラクタを使っています--->
<html>

<head>
<title>SAM...続きを読む

QAccessで指定する色数値の一覧ありませんか?

MsAccess 2002でフォームを作成しているのですが、フォームの色指定に使える色数値の一覧表はどこかにありませんでしょうか?

VBAを使いRGB関数で指定しても期待したとおりの色を取得することができません。
Accessで使用できる色数値の一覧を参照できるページなどご存知の方いらっしゃいましたらよろしくお願いします。

Aベストアンサー

#1です。先程のページの最後に「このホームページで表示している色は近似色です。正確な色ではありませんので御注意下さい。」と書いてありますので、もしかしたらうまく同じ色が出ないかも知れないですね。
とりあえずカラーチャートのリンク集がありましたので見てみて下さい。
http://www2u.biglobe.ne.jp/~color/all/l_02a_chart.htm

参考URL:http://www2u.biglobe.ne.jp/~color/all/l_02a_chart.htm

QCSS を使わずにメニューボタンの文字色を変える

スタイルシートが使えませんので、html だけでメニューボタンに変化をつけたいのです。
クリックした時にボタンの色を変えることは出来たのですが、マウスポインタがボタンに乗った時点でメニューの文字色やボタンの色を変えることは出来ますか?
「オンスクリーン、オフスクリーンのタグ文で簡単に出来る」と友達がおしえてくれたのですが、意味がわかりません。
どなたかわかる方、おしえてください。
よろしくお願いします。

Aベストアンサー

 javascriptの onMousOver onClick 関数を使いますが、スタイルシートが使えなければ、もっと制約が多いはず。

「オンスクリーン、オフスクリーンのタグ文で簡単に出来る」は意味不明です。タグ文という言葉もありません。もちろんオンスクリーン、オフスクリーンは、ウェブには関係ない用語です。知ったかぶりを言っただけじゃないの?

Q一覧にある名前に該当する名前を赤くしたいのですが…

こんばんわ、いつもお世話になっています。

Excelのシートで
「シート1」に名前一覧を作り、「シート2」に名前を入れていくと「シート1」に名前がある人を入力すしたとき入力した文字を赤くしたり太字させることは可能ですか?

Aベストアンサー

Sheet1のA列を全て選択して、挿入-名前-定義で適当な名前を付けます。(例 リスト)
Sheet2のA列を全て選択して、書式-条件付き書式で「数式が」にして

=NOT(ISERROR(MATCH(A1,リスト,0)))

と入力し、書式を設定します。

これで希望のようになりますか?

Q外部CSS。ページ全体の背景色や文字色を変えたい。

これまでは各ページごとに、このようなタグをかいていました。
<BODY bgcolor="#ffffff" text="#000000" link="#000000" vlink="#000000" alink="#000000">
ページ全体の「背景色」「テキスト色」「リンク色」「既読リンク色」「選択中リンク色」です。

だけどこれからは、外部CSSで同じことを指定するようにしたいです。
ですが、調べてもなかなか明確なタグが分かりません。
宜しければ教えて下さい。

Aベストアンサー

<head>内に、
<link rel="stylesheet" href="○○○" type="text/css" />
を記述すれば、外部のCSSファイルを指定できます。

○○○の部分に、
CSSの置いてある場所とCSSのファイル名を記述してください。

例えば、「css」という名前のフォルダの中に、
「style.css」があるとします。

この場合、
<link rel="stylesheet" href="css/style.css" type="text/css" />
と記述します。

後は、「style.css」に
body{
background-color: #fffff;
}

a:link{
color: #000000;
}

のように適応したい内容を書いていきます。


人気Q&Aランキング

おすすめ情報