- ベストアンサー
コマンドボタンの文字の色を変更したい
HTMLで<input type = 'button' ～> でコマンドボタンを配置しているのですが、 色の変更の仕方がわかりません。 テキストならfont colorなどで変更可能だということは知っているのですが… 知っている方おりましたら、よろしくお願いします。
- sugoitensai
- お礼率26% (136/506)
- HTML
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
再びです。 ＞<HEAD>~</HEAD>中に記述してもうまくいかないようです。 これはスタイルシートを使っているのでスタイルシートの定義もしないとだめです。 <HEAD> <STYLE TYPE=TEXT/CSS> </STYLE> </HEAD> の間に入れてください。 ＞呼び出し部分は ＞<INPUT TYPE = 'BUTTON' CLASS = 'INPUT.BUTTON' ~> ここは <INPUT TYPE='BUTTON' CLASS='BUTTON'…> となります。 INPUTの中身を定義しているわけなので、CLASSの設定は'BUTTON'だけでよくなります。
その他の回答 (2)
- KODAMAR
- ベストアンサー率26% (267/1006)
HEAD部分で定義するなら下記のようになります。 INPUT.BUTTON{BORDER-STYLE:SOLID; BORDER-COLOR:#99CCFF; BORDER-WIDTH:1; BACKGROUND-COLOR:ALICEBLUE;} これを使う場合は、 <INPUT TYPE=BUTTON CLASS=BUTTON… とすればOKです。
補足
ありがとうございます。 回答でわからない部分があるのですが、 HEAD部分で記述するとありますが、 <HEAD>~</HEAD>中に記述してもうまくいかないようです。 あと、INPUT.BUTTON{~ }で定義する場合 呼び出し部分は <INPUT TYPE = 'BUTTON' CLASS = 'INPUT.BUTTON' ~> でよいのでしょうか？
- shy00
- ベストアンサー率34% (2081/5977)
http://members.tripod.co.jp/dhtml_s/web_iehtml/iehtml_form.htm 等を参考になさってはいかがでしょうか？
関連するQ&A
- デフォルトのボタンの形で色をつけたい
input type = button と指定するとデフォルトのボタンが表示されます。 このボタンの形は角に丸みがついています。 ボタンに色を付けようとして、 input type = button style="background-color:#00f000" とすると、ボタンは緑色になるのですが、 このボタンの形は角に丸みがついていません。 デフォルトのボタンの形に色をつけるにはどうしたらいいのでしょうか。 よろしくお願いします。
- 締切済み
- HTML
- submitボタン上の文字とvalue=の数字
CSS3 + HTML5 でゲームを作っています。 Formのsubmitボタンを設置する必要があるのですが、ボタン上に表示する文字とvalue=の文字を分ける必要があります。 <input type="submit" name="point" value="送信する"> 上記では本来であれば数値を入れたいvalue=に、「ボタン上に表示する文字」を入れなければならないため使えません。 <button type="submit" name="point" value="10050">購入する</button> であれば、valueに数値を置き、ボタン上に文字を置けるため当方のニーズに叶うのですが、HTML5上で見るとボタンの大きさが<input type="submit>の3分の1くらいになってしまいます。 従い<button type="submit" name="point" value="10050">購入する</button> のボタンの大きさを変更する方法がわかればいいと思いますが、この方法でなくても構いません。 HTML5上で、当方のニーズに合うボタンを作るためにはどうしたらいいでしょうか?
- ベストアンサー
- HTML
- ボタンを押すと、テキストエリアに文字が出て、さらにそれを
アレンジしたいのです。 <FORM> <INPUT type="text" value="テスト" name="b1" size="55"> <br> <font style="font-size:15px" color="#666666">ボタンをクリック！</font> <INPUT type="button" value="ボタン" onclick="b1.value='こうゆうふうに字が出る'"> </FORM> 上記のようにして「ボタン押す=文字出る」を作りました。 さらには、１文字づつもったいぶって、文字を出したいのです。 別の、タグで「勝手に１文字づつ出る」のは、あったと思いますが、ボタンで、動作開始をしたいと思います。 何か、よいアイデアはありますでしょうか？
- 締切済み
- HTML
- VB6で、コマンドボタン自身の色を変更するには？
VisualBasic6(SP4)を使っています。 いくつかのコマンドボタンをフォームに貼り付けていますが、 このコマンドボタンの標準色は「グレー」になっています。 （ていうか、どのコントロールも、ほとんどグレーが標準のようですが。） フォームであれば、色の変更は「できた」のですが、 コマンドボタンの、色の変更は「できません」でした。 コマンドボタン自身の色って、変更することはできるのでしょうか？ ご存じの方、いらっしゃいましたら、ご教示くださいませ。
- ベストアンサー
- Visual Basic
- ボタンの飛び先を一つにして、押したボタンのプロパティを変更するには？（超初心者）
VBじゃないかもしれませんが・・・ HTMLファイルに、VBScriptで次のように書いたのですが、 <html> <head> ////省略/// <SCRIPT> ////省略/// Sub Button1_OnClick ////省略/// Call XXXX EndSub Sub Button2_OnClick ////省略/// Call XXXX EndSub Sub Button3_OnClick ////省略/// Call XXXX EndSub ： ： ： Sub XXXX ---ここで、押したボタンのいろんなプロパティを 変更したいのですが・・・変更の内容はどのボタンを押しても同じなので、ここでひとつにまとめたいんですが。たとえば、そのひとつとして、ボタンの画像を変えるとして・・・ Button(押したボタンの).Src = "sampleX.gif" End Sub </SCRIPT> </head> <body> <input id="button1" type="button" name="button1" src="sample1.gif"> <input id="button2" type="button" name="button2" src="sample2.gif"> <input id="button3" type="button" name="button3" src="sample3.gif"> ： ： ： つまり、押したボタンが何であったかを判別して、 維持することができないでしょうか？ 素人です。よろしくお願いします。 ボタンは配列にできればしてもかまいません。 見当違いのスクリプトで、ほかにもっとよいスクリプトがあったら教えてください。
- ベストアンサー
- Visual Basic
- セレクトメニューボタンの枠の色の変更の仕方を教えて下さい。
セレクトメニューボタンの枠の色の変更の仕方を教えて下さい。 <HEAD>と</HEAD>の間に <style type=text/css> <!-- input,select,textarea { filter:Alpha(opacity=数字,enabled=数字); font-size:文字サイズpt; color:#文字の色; font-family:'文字の種類'; background-color:#背景色; border-top:1px solid #fe97b3; border-bottom:1px solid #fe97b3; border-left:1px solid #fe97b3; border-right:1px solid #fe97b3; } --></STYLE> と入れてます。 <input>の枠の色は変わりますが、<select>のみが変わりません。 どこが悪いのでしょうか
- 締切済み
- HTML
- JavaScript ボタンで指定の箇所を変更する方法
よろしくお願いします。m(_ _)m 現在下記ソースの様なチェックボックスで出来たテーブルフォームを作成しております。 【やりたい事】 １．ボタンを作りたい 水色(22BBFF)ボタンを1度押下すると紫色(CC55EE)に変わり もう1度押下すると赤色(FF3300)にもう1度押下すると水色(22BBFF)に戻る。（水色→紫色→赤色→水色→紫色→・・・） ２．行単位・列単位で一括で変更したい 縦１、または横１などのボタンを押下するとボタンに対する行or列のボタン全てが一括で変更されるようなものをつくりたい という事を行いたいと思い、色々調べてみたのですが、 発見できませんでしたので質問させていただきました。 どうかお助けください。m(>_<)m -- <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE></TITLE> </HEAD> <BODY> <form name="F1"> <table border="1"> <tr> <td>一覧</td> <td>縦1<br><input type="button" name="tate_btn001" id="x1y0" style="height:15px; width:15px; background-color:22bbff;" onClick="tate(1)"/></td> <td>縦2<br><input type="button" name="tate_btn002" id="x2y0" style="height:15px; width:15px; background-color:22bbff;" onClick="tate(2)"/></td> <td>縦3<br><input type="button" name="tate_btn003" id="x3y0" style="height:15px; width:15px; background-color:22bbff;" onClick="tate(3)"/></td> </tr> <tr> <td>横1 <input type="button" name="yoko_btn001" id="x0y1" style="height:15px; width:15px; background-color:22bbff;" onClick="yoko(1)"/> </td> <td><input type="button" name="btn001" id="x1y1" style="height:15px; width:15px; background-color:22bbff;" onclick="" /></td> <td><input type="button" name="btn002" id="x2y1" style="height:15px; width:15px; background-color:22bbff;" onclick="" /></td> <td><input type="button" name="btn003" id="x3y1" style="height:15px; width:15px; background-color:22bbff;" onclick="" /></td> </tr> <tr> <td>横2 <input type="button" name="yoko_btn002" id="x0y2" style="height:15px; width:15px; background-color:22bbff;" onClick="yoko(2)"/> </td> <td><input type="button" name="btn004" id="x1y2" style="height:15px; width:15px; background-color:22bbff;" onclick="" /></td> <td><input type="button" name="btn005" id="x2y2" style="height:15px; width:15px; background-color:22bbff;" onclick="" /></td> <td><input type="button" name="btn006" id="x3y2" style="height:15px; width:15px; background-color:22bbff;" onclick="" /></td> </tr> <tr> <td>横3 <input type="button" name="yoko_btn003" id="x0y3" style="height:15px; width:15px; background-color:22bbff;" onClick="yoko(3)"/> </td> <td><input type="button" name="btn007" id="x1y3" style="height:15px; width:15px; background-color:22bbff;" onclick="" /></td> <td><input type="button" name="btn008" id="x2y3" style="height:15px; width:15px; background-color:22bbff;" onclick="" /></td> <td><input type="button" name="btn009" id="x3y3" style="height:15px; width:15px; background-color:22bbff;" onclick="" /></td> </tr> </table> </form>
- ベストアンサー
- JavaScript
- shiftキーを押しながらコマンドボタンをクリックについて。
shiftキーを押しながらコマンドボタンをクリックについて。 普通にコマンドボタン（<input type="button"）をクリックした場合と、 shiftキーを押しながらコマンドボタンをクリックした場合の処理を分けたいのですが、 そういうことは可能なのでしょうか。 キーインの判断の方法が分かりません。 ご存知の方がおられましたらご教授願えませんでしょうか。 よろしくお願いします。 javascriptというより、htmlのカテゴリーかもしれませんが・・・ 。
- ベストアンサー
- JavaScript
- ボタンをファイルにリンクさせたい
お世話になります。 HTMLで <button type="button" name="button" value="button"> <font size="3"><b>テスト</b></font></button> <br><br> 上記のような感じでボタンを作りました。このボタンを あるファイルにリンクさせたい（URLでなくてファイル）のですが、 できますか？ ネットで検索すると、URLの場合ですが <Form><Input type="button" value="テスト" onClick="location.href='http://test.jp/'"></Form> 上のように出ていますが、どこにどのようなタグを打てば いいのでしょうか？ 宜しくお願いします。
- ベストアンサー
- HTML
- <form>タグに２つのボタン
<form>タグで２つのボタンを表示させ、以下のようにそれぞれのボタンで フィールドに別の値を入れて送信させることはできますでしょうか？ できればHTMLで、できなければJavaScriptでできますでしょうか？ ・button1を押したときは フィールド「CASE」に1を入れて送信、 HTMLで書くと、<input type="hideen" name="CASE" value="1"> ・button2を押したときは フィールド「CASE」に2を入れて送信、 HTMLで書くと、<input type="hideen" name="CASE" value="2"> ===== HTML ====================== <form action="test.cgi" method="post"> <input type="text" name="text1"> <input type="submit" value="button1"> <input type="submit" value="button2"> </form> 宜しくお願いします。
- ベストアンサー
- HTML
お礼
ありがとうございます。スタイルシートは便利なものですね。