• ベストアンサー

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

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

  • HTML
  • 回答数5
  • ありがとう数10

質問者が選んだベストアンサー

  • ベストアンサー
  • callhiro
  • ベストアンサー率35% (54/152)
回答No.4

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;" > もしスタイルシートがわからない、同じようにやったけど変わらないというなら補足してください。

snowair
質問者

お礼

ありがとうございます! お教えいただいた方法で実践してみます。 結果をレスポンスします。

その他の回答 (4)

  • tepapapa
  • ベストアンサー率23% (7/30)
回答No.5

フォームのinput属性の設定で色を変更することは確かに可能ですが ネットスケープの場合はその設定が表示に反映されないので 注意が必要です。 色の設定に限らず、レイアウトなどでもIEとネスケでは かなり違うものがありますので、HTMLを作成されたら 両方のブラウザで見てみることをおすすめします。

snowair
質問者

お礼

ありがとうございました。 今回の開発環境に限り、IE専用なのでIEでの動作確認だけでよさそうなのですが、普通に作る場合は考慮しないといけないですね。気をつけます。

  • ryouchi
  • ベストアンサー率41% (52/125)
回答No.3

はじめまして フォームなどで使うボタンという認識で回答します。 基本的に各ボタン(input type="button"など)は各ブラウザで用意されたものを使っているので不可能ではないかと思います。 画像などにして、(img src="hoge.gif"など)でアンカーを張るというイメージでもないですよね。 ちなみに、クライアント(自分のマシンのみ)のブラウザのボタンを変更するばあいには、MacならResEditとかでできるかもしれません。

snowair
質問者

お礼

ありがとうございました。 私も基本的に無理なんじゃないかと思っていました。 でもいくつか方法があるようですね。 奥深いというか、勉強することがやまのようにありますね、プログラミングって・・・。 がんばってみます。

  • MAGI
  • ベストアンサー率45% (5/11)
回答No.2

<HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY BGCOLOR="GRAY"> <FORM METHOD="POST"> <INPUT TYPE="BUTTON" VALUE="TEST" STYLE="color:#000000; background-color:#FFFFFF"> </FORM> </BODY> </HTML>

snowair
質問者

お礼

ありがとうございました。

noname#19726
noname#19726
回答No.1

はじめまして。 ちょっと質問の詳細が分からないので、逆に質問しますが、まずお使いのソフトは何でしょうか?(ひょっとしてタグを書いておられるのでしょうか?) ソフトによっては、画像編集ソフトがくっついてますので、そちらの方で訂正できると思います。 またそのボタンが画像ではなく、単にテーブルにより作成した文字ならば、単純に文字色を変更すればいい話ですし・・・ よかったら、使用ソフト、具体的なボタンの制作課程などを表示されたらいかがでしょうか?

snowair
質問者

お礼

ありがとうございました。 ソフトというか、ASPファイルを作成しているのです。 ブラウザはIE(バージョンは特に設定していません。 まあ、新しいほうがよりよいです)です。 ボタンはスタイルシートでクラスとしてまずincludeファイルに定義し、ボタン上に書き込む文字列はHTMLで 定義しています。

関連するQ&A

  • HTMLだけでボタン作成

    リンクボタンとしてHTMLだけで作成したいのですがこのサイトでも使用されている送信フォームのボタン(灰色の四角いボタン)を使おうと考えています。 ボタンの色や形、大きさを変えることはできるのでしょうか?

    • ベストアンサー
    • HTML
  • エクセル2010のテーブル

    こんにちは。 エクセル2010でテーブル(表)を作成(色はデフォルト⇒少し濃い青色)した時に、 見出し行(▽ボタンがある行)の文字の色を白から黒にしたいのですが、 黒を選択しても自動で白に戻ってしまいます。 文字自体を「列1」とかから「テスト」とかにかえてから文字色を変えようとしてもダメでした。 どうしたら文字色をかえられるか分かる方いたら教えてほしいです

  • CSSで条件によってボタンの文字色を変えたい。

    HTMLのスタイルシートでFormの文字色が変えれる事はわかっています。 style="background:red;color:white;" でいいんですよね。 そこで、CSSで条件によってボタンの文字色を変えたいのですが、どうすればいいでしょうか? なぜ、こんな事を考えるようになったかというと、 IE等では、ボタンのEnableがTrueの時は黒色(バックは普通)、Falseの時は灰色(バックは薄い)状態になるのですが、 この前、chromeでそのボタンを確認したところ、TrueでもFalseでも文字色が黒になっていました。 そこで、ボタンのEnableがFalseの時に、文字色を灰色に変えたいのですが、そんな事ってCSSを使ってでも出来るのでしょうか? もし出来ないとしたら、ボタンひとつずつスタイルを設定しないといけないという面倒な事になりそうなのです。 もし、CSSでボタンがEnable=falseの時だけ、ボタン色を灰色にする方法がわかる方がいらっしゃいましたら、回答してください。 急ぎませんので、回答よろしくお願いします。

    • ベストアンサー
    • HTML
  • HTMLテキストボックス内の文字列で「1文字単位で色を変更」する方法を

    HTMLテキストボックス内の文字列で「1文字単位で色を変更」する方法を ご存知の方がいらっしゃいましたら、ぜひ教えてください。 お世話になります。 Eclipse3.5上でJava、JSP、サーブレット、HTML、MySQL等を利用して、 動的Webサイトを作成中なのですが、 HTMLテキストボックス内の文字列に対して、 「1文字単位で色を変更」する方法をご存知の方がいらっしゃいましたら、 ぜひ教えてください。 (HTMLテキストボックス内の全文字列の色を変更する方法でしたら、  CSS等で実現可能のようでしたが、  残念ながら、一部の文字単位で色を変更する方法については、書籍やネットで調べましたが  答えを見つけられませんでした) 以上、宜しくお願い致します。

    • ベストアンサー
    • HTML
  • ボタンのなかに表示する文字を2行にしたい

    HTMLを手打ちで書いています。 <input type="button" value="本"....>と書くとボタンの中には「本」て出ますよね。 で、私が実現させたいのが、 ボタンの中に表示する文字列を2行にしたい(1行目には日本語、2行目にはそれの英語を表示したい)んですが、HTMLでどうかけばいいのかわかりません。 HTML初心者なのでどーしていいのかわかりません。 どなたか、どうかよろしくお願いします。

    • ベストアンサー
    • HTML
  • HTMLでファイル参照のボタン

    HTML&JavaScriptで、WEBページを作成しています。 ファイルのアップロードを行うのに”参照”ボタンをつけているのですが、IEではボタン内に正しく”参照”と表示されるのですが、ネットスケープでは文字がはみ出てしまいます。 何かよい方法があれば教えてください。 ちなみにIEは5.1、NCは4.7です。

  • HTMLタグについて

    Webサイト作成で困っています。 タイプライター風に文字を出したいのですが、いろいろなサイトで調べても、文字の背景が白で文字が白以外のものしかありません。 しかし、自分は、文字背景を黒で、文字を白でタイプライター風にしたいと思っています。 このような場合、どのようなHTMLタグを打ち込めば良いのでしょうか?? また、文字をタイプライター風にしたとき、フォントを変えることはできないのでしょうか?? 誰か詳しく教えてください、よろしくお願いします。 ちなみに、ここで言うタイプライター風文字とは、フォームに表示するものではなくて、画面上に表示するもの、という意味です。 http://www15.plala.or.jp/hp-kowaza/text/taipu-2.html ↑このサイトに紹介されているものの、背景が黒で文字が白バージョン、みたいな感じ。 color: #3300cc; → color: #ffffff; に変更して、 background-color:#000000; を追加してみても 画面は黒いままで、何もうつりませんでした。 ちなみに、メモ帳で作っています。

  • HTMLの文字化けについて

    HTMLの文字化けについて クライアントPC(WindowsVista)で作成したHTMLファイルをサーバ(CentOS5.4)にアップして、ブラウザから確認してみたところ、文字化けを起こしてしまいました。 ローマ字は問題ないのですが、日本語が文字化けしてしまっており、表示がめちゃくちゃになってしまっています。 HTMLはK2Editorにて作成して、文字コードはShift-JIS、改行コードはCRLFとしております。 しかし、文字化けした状態でブラウザの文字エンコーディングをEUC-JPに変えて再度読み込んでみたところ、文字化けせずに表示されます。 サーバ側の文字コードは、 # vi /etc/sysconfig/i18n LANG="ja_JP.EUC-JP" と設定し、デフォルトのUTF-8からEUC-JPに変えております。 なので、もしかしたらサーバ側の文字コードとHTMLの文字コードが何か関係しているのかと私は思うのですが・・・ 文字化けの原因がお分かりになる方いらっしゃいましたら、ご教授のほどお願い致します。

    • ベストアンサー
    • HTML
  • 文字で中抜きでなく外抜きはできないんでしょうか

    文字の中抜きはできるんですが、文字が黒でその周りを白のわくにしてみたいんです。だから白ぬきの逆なんです。

  • ホームページのメニューボタンについて

    Dreamweaver CS3でホームページを作成しているのですが、ホームページのメニューボタンについて教えて下さい。 様々なサイトをみるとメニューボタンの作りが色々ありますが、下記の3つの方法それぞれのメリット、デメリットを教えて頂けないでしょうか?SEO対策にはどれがいいのかも教えて頂ければ幸いです。 1.ボタンにphotoshopなどで作成した画像を使用する。 2.ボタンの背景のみphotoshopなどで作成した画像を使用し、文字はHTMLで入力する。 3.文字をHTMLで入力し、CSSで背景の色などをデザインする。 宜しくお願いします。

専門家に質問してみよう