よろしくお願いします。

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

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

A 回答 (5件)

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;" >

もしスタイルシートがわからない、同じようにやったけど変わらないというなら補足してください。
    • good
    • 1
この回答へのお礼

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

お礼日時:2000/12/12 18:06

フォームのinput属性の設定で色を変更することは確かに可能ですが


ネットスケープの場合はその設定が表示に反映されないので
注意が必要です。

色の設定に限らず、レイアウトなどでもIEとネスケでは
かなり違うものがありますので、HTMLを作成されたら
両方のブラウザで見てみることをおすすめします。
    • good
    • 0
この回答へのお礼

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

お礼日時:2000/12/12 18:09

はじめまして


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

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

お礼日時:2000/12/12 18:05

<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>
    • good
    • 0
この回答へのお礼

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

お礼日時:2000/12/12 18:03

はじめまして。


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

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

お礼日時:2000/12/12 18:02

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

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

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

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

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

Q動詞一覧・目的語一覧・補語一覧みたいな英語の詞・語ごとにずらーと並んだ

動詞一覧・目的語一覧・補語一覧みたいな英語の詞・語ごとにずらーと並んだサイトってないですか?

Aベストアンサー

動詞はともかく「目的語」とは「補語」というのは文における働きなので, そんな一覧を求めることがそもそも全く無意味.

QHTMLでボタンを設置して、ボタンが押されたらHTMLの内容を書き換え

HTMLでボタンを設置して、ボタンが押されたらHTMLの内容を書き換えたいのですが。
HTMLでできるのでしょうか?

いくつかのリンクがあり、それぞれ横にチェックボックスが付いています。
チェックボックスがONの場合そのリンク表示を削除したいのです。

Aベストアンサー

HTMLのみでは無理ですので、
JavaScriptの属性値生成と連想配列の組み合わせで作ってみました。
連想配列はまだ勉強不足なのであれですが。

<script type="text/javascript">
<!--
var aHrefList = new Array();
function OnOffHref(o){
//INPUTの親ノードであるPが子要素に持つAの0番目
var a = o.parentNode.getElementsByTagName("A")[0]; if(!a){return false;}
if( o.type =="checkbox"){
if( o.checked ){
//href値を配列に保存しておく
aHrefList[o.id] = a.href;
//hrefを削除
a.removeAttribute('href');
}else{
//hrefを戻す(セットする)
a.setAttribute('href',aHrefList[o.id]);
}
}
}
//-->
</script>
</head>
<body>
<form name="form1" id="form1" action="#">
<p><a href="#1">link1</a><input type="checkbox" value="link1" name="c1" id="c1" onclick="OnOffHref(this);"></p>
<p><a href="#2">link2</a><input type="checkbox" value="link2" name="c2" id="c2" onclick="OnOffHref(this);"></p>
<p><a href="#3">link3</a><input type="checkbox" value="link3" name="c3" id="c3" onclick="OnOffHref(this);"></p>
</form>

</body>
</html>


またはこうでも動きました。

<script type="text/javascript">
<!--
var aHrefList = new Array();
function OnOffHref(o,id){
//AのIDを引数として受け取ってオブジェクトを得る
var a = document.getElementById(id); if(!a){return false;}
if( o.type =="checkbox"){
if( o.checked ){
//href値を配列に保存しておく
aHrefList[a.id] = a.href;
//hrefを削除
a.removeAttribute('href');
}else{
//href値を戻す
a.setAttribute('href',aHrefList[a.id]);
}
}
}
//-->
</script>
</head>
<body>
<form name="form1" id="form1" action="#">
<p><a href="#1" id="hoge1">link1</a><input type="checkbox" value="link1" name="c1" onclick="OnOffHref(this,'hoge1');"></p>
<p><a href="#2" id="hoge2">link2</a><input type="checkbox" value="link2" name="c1" onclick="OnOffHref(this,'hoge2');"></p>
<p><a href="#3" id="hoge3">link3</a><input type="checkbox" value="link3" name="c1" onclick="OnOffHref(this,'hoge3');"></p>
</form>

</body>
</html>

HTMLのみでは無理ですので、
JavaScriptの属性値生成と連想配列の組み合わせで作ってみました。
連想配列はまだ勉強不足なのであれですが。

<script type="text/javascript">
<!--
var aHrefList = new Array();
function OnOffHref(o){
//INPUTの親ノードであるPが子要素に持つAの0番目
var a = o.parentNode.getElementsByTagName("A")[0]; if(!a){return false;}
if( o.type =="checkbox"){
if( o.checked ){
//href値を配列に保存しておく
aHrefList[o.id] = a.href;
//hrefを削除
a.removeAttribu...続きを読む

Q新着順や新着順一覧を英語で書くと??

英語で新着順ってなんて書きますか?
HPに写真を載せていて
写真を新着順一覧に表示するスペースの名前を英語にすると、なんて書けばいいんでしょうか?
新着順や新着順一覧…という感じでお願いします。

Aベストアンサー

Sort by Date (日付順)というリンクが多いですね。

順番の切り替えに latest to earliest (最新から最古へ) とその逆を書いてある場合や、上向き三角▲と下向き三角▼のボタンを使っているところもあります。

到着というのをわざわざ盛り込んでいるところは少ないですが、長くても良いならば、Sort by Date arrived か Sort by Arrival Date とも書けます。

今回に写真という語も入れようとすると、Photos sorted by date (latest to earliest) のようになって見た目は冗長になってしまいます。

QHTMLで画像ボタンをbuttonタグで作成したのですが、

HTMLで画像ボタンをbuttonタグで作成したのですが、

ボタンの大きさが画像の実サイズを超えて設定されてしまい、余白が出来てしまいます。

ボタンの大きさを画像の大きさにフィットするようにするにはどのようにしたらよいでしょうか?

よろしくお願いします。

Aベストアンサー

>ボタンの大きさを画像の大きさにフィットするようにするにはどのようにしたらよいでしょうか?
スタイルを指定すればよいはず
<button name="submit" value="送る" type="submit" style="width:50px;height:20px;fontsize:8px;">送る<img src="/icons/wow.gif" alt="ナイス"></button>
とか・・・
忘れずにfont-sizeも指定しておかないとはみ出るかも。

いずれにしても、スタイルシートを使うと、ポインターを乗せるだけで色を変えたり、クリックしたら引っ込ませたりできるよ。

QWindows7でプログラム一覧が英語表示される

Windows7でプログラム一覧が英語表示される

Windows7 Professionalを使っています。
最近気がついたのですが
普通ならプログラム一覧で
「アクセサリ」と表示されるはずの部分が
英語で「Accessories」と表示されるようになっていました。
メニュー自体もすべて英語で
たとえば「電卓」なら「Calculator」といった具合です。

ちなみに「ゲーム」は「Games」
「既定のプログラム」は「Default Programs」となっていますが
「スタートアップ」はそのままです。

ソフト自体に不具合はないのですが
何となく気になります。
かといって
名前を一つ一つ変更するのも面倒です。
簡単に元へ戻す方法がお分かりでしたら
よろしくお願いいたします。

Aベストアンサー

詳しくは分かりませんが、C:\Users\○○\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\AccessoriesにあるはずのDesktop.iniをうまく設定すればよいと思います。ちなみに○○はユーザー名です。

Qhtmlもしくはcgiでword起動ボタンを作成する

htmlもしくはcgiでword起動ボタンを作成する
現在HPページを作成しているのですが、
「ファイル→Microsoft Office Wordで編集」
と起動させるのが手間なので、ページ上のボタンを押したら起動、
みたいにしたいのですが、可能なのでしょうか?
可能でしたら御教授願いたく思います。

Aベストアンサー

セキュリティオプションをクリアして、Jscript,Activex使用化に
なってるんなら、こんなんどうでしょう


※全角空白は半角空白にしてね。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="Shift_JIS">
<title>Office Lancher</title>
<style type="text/css"></style>
<script type="text/Jscript">
<!--
function Wscript_go(file_name){
 var file=(arguments.length==0)?
  document.getElementById("file_path").value:file_name;
 var app = new ActiveXObject("WScript.Shell");
 if(file!="")
  app.Run(file);
 app="";
 event.returnValue = false;
}
function Word_go(file_name){
 var file=(arguments.length==0)?
  document.getElementById("file_path").value:file_name;
 var Word = new ActiveXObject("Word.Application");
 Word.Visible = true;
 if(file!="")
   Word.Documents.Open(file,true,false);
 Word = "";
 event.returnValue = false;
}
function Excel_go(file_name){
 var file=(arguments.length==0)?
  document.getElementById("file_path").value:file_name;
 var Excel = new ActiveXObject("Excel.Application");
 Excel.Visible = true;
 if(file!="")
  Excel.Workbooks.Open(file,0,true);
  //Excel.Workbooks(pgm_name).Sheets("Menu").Activate;
  //Excel.Application.Run("main");
 Excel = "";
 event.returnValue = false;
}
// -->
</script>
</head>
<body>
ファイルパス<input id="file_path" type="text">
<button onclick="Word_go();">Wordで開く</button>
<button onclick="Excel_go();">Excelで開く</button>
<button onclick="Wscript_go();">Wscriptで開く</button>
<ul>
<li><a href="c:/Temp/FAX送付状.doc" onclick="Word_go(this.href);">FAX送付状.doc</a></li>
<li><a href="c:/Temp/特別勤務簿集計表.xls" onclick="Excel_go(this.href);">特別勤務簿集計表.xls</a></li>
</ul>
</body>
</html>

セキュリティオプションをクリアして、Jscript,Activex使用化に
なってるんなら、こんなんどうでしょう


※全角空白は半角空白にしてね。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="Shift_JIS">
<title>Office Lancher</title>
<style type="text/css"></style>
<script type="text/Jscript">
<!--
function Wscript_go(file_name){
 var file=(arguments.length==0)?
  document.getElementById("file_path").value:file_name;
 var app = new ActiveXObject("WScript.Shell");
 if(file!=""...続きを読む

Qヘンな日本語英語の一覧があるサイト

ヘンな日本語英語の一覧があるサイトなんてご存知ありませんか?
ピアース、ピーマン、ビデオデッキ、シャーペンなど、実際には使われない英語がたくさん日本で使われていたりしますが、こういうリストが載っているサイトを探しています。

ご存知の方いらっしゃいましたら教えて下さいっ!
よろしくお願いしまっす!

Aベストアンサー

洋サイトですが

参考URL:http://www.engrish.com/

Q[html] タグの参照ボタンを画像ボタンにしたい。

タイトルのとおりなんですが、<input type="file">をhtmlで記述するとテキストボックスと共に参照ボタンが表示されますよね?
あの参照ボタンを画像ボタンにしたいのですが、どうしたらできるのでしょうか?それともそもそも出来ないのでしょうか?

教えてください。お願いします。

Aベストアンサー

見た目は、これでごまかせます。
機能的にも問題ないです。

> background-image :url(./image.gif);
の「./image.gif」の部分に、自分が表示したい画像のpathを指定



<html>

<head>

<style>
.fake_button
{
width : 10px;
height : 23px;
background-image :url(./image.gif);
background-repeat : no-repeat;
cursor : hand;
}
</style>

<script>
function view_path(_value){
document.all.txtfilename.value=_value;
}
</script>

</head>

<body>
<input type="file" name="uploadFile" style="display:none" onchange="view_path(this.value);">
<input type="text" name="txtfilename" size="25" disabled>
<span onclick="filupload.click();" class="fake_button">
</body>


</html>

参考URL:http://chaichan.hp.infoseek.co.jp/qa3000/qa3341.htm

見た目は、これでごまかせます。
機能的にも問題ないです。

> background-image :url(./image.gif);
の「./image.gif」の部分に、自分が表示したい画像のpathを指定



<html>

<head>

<style>
.fake_button
{
width : 10px;
height : 23px;
background-image :url(./image.gif);
background-repeat : no-repeat;
cursor : hand;
}
</style>

<script>
function view_path(_value){
document.all.txtfilename.value=_value;
}
</script>

</head>

...続きを読む

Q色の名前は、日本語と英語のどちらを多く使う?・・・例えば「緑」と「グリーン」

「緑」と「グリーン」、「灰色」と「グレー」・・・

色の名前を言う時、日本語と英語のどちらを多く使いますか?

例えば、
・服の色は?
・車の色は?
・携帯機器(電話・プレイヤーなど)の色は?
どちらの表現を多く使いますか?

又、その他
「このもの(種類)は、日本語(英語)で言う」
「この色は、日本語(英語)で言う」
「殆ど、日本語(英語)で言う」
といったご回答も、歓迎します!

Aベストアンサー

じゃあいきましょか。英語です。私ら。

ピンク、ローズピンク、チェリーレッド、マローピンク、チリアンパープル、コスモス、チェリーピンク、ベビーピンク、ラムプラーローズ、ラズベリー、ローズマダー、カーマイン、パーシアンローズ、プラム、ガーネット、ピアニーレッド、プリムラ、コーラル、サルビア、マゼンダ、バーミリオン、シグナルレッド、ホビーレッド、ロブスター、ケチャップ、ファイヤー、スカーレット、バーミリオンレッド、ルビー、オペラ、ブリック。ベルベット。
以上赤系統。
日本にも古来のゆかしき呼び方はありますが、この点に関しましては英語に軍配をあげます。

グレーといいましても、シルバーホワイトグレー、パールグレー、オレンジグレー、イエローグレー、ブルーグレー、ピンクグレー、フレンチグレー、ミディアムグレー、グレー、ダークグレー、カーボングレー、チャーコールグレー、…あぁしんど。
私は日本男児ですが色名は英語です。

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

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

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

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

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

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

Aベストアンサー

??
 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);}


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

おすすめ情報