2012-09-18 15 views
20

私はボタンタイプを提出するが、私は、私はそれを送信ボタンでテキストの色を設定する方法は?

<html> 
<head> 
<style type="text/css"> 
.button 
{ 
    width:105px; 
    height: 20px; 
    background-image:url('tiny.gif'); 
    line-height: 20px; 
    padding-bottom: 2px; 
    vertical-align: middle; 
    font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 13px; 
    <!--font-weight: bold;--> 
    text-transform: none; 
    border:1px solid transparent; 
} 
.button:hover 
{ 
    background-image:url('tiny_.gif'); 
} 
</style> 
</head> 
<body> 
    <input type="submit" value="Fetch" class="button"/> 
</body> 
</html> 

を変更することはできませんよ、なぜ私は送信ボタンの色を変更しようとしたとき、私は問題を得ていたかわからないのテキストの色を変更しようとしました。

+1

"の取得問題" - これがすべてで私たちを助けるdoes't。何が起こると思いますか?実際に何が起こっていますか?コンソールログにメッセージがありますか?私はあなたの ':hover'に' background-color:red'を追加し、マウスを重ねるとボタンが色を変えました。おそらく 'tiny_.gif'は読み込まれていませんか? –

答えて

3

使用このCSS:すべてです

color: red; 

+0

私はこれを試しましたが、すぐに素早い返信のために働いてくれてありがとうございます –

19

あなたはこれを試してみてください。

<input type="submit" style="font-face: 'Comic Sans MS'; font-size: larger; color: teal; background-color: #FFFFC0; border: 3pt ridge lightgrey" value=" Send Me! "> 
+1

外部スタイルシートが利用可能な場合、インラインスタイルは良い考えではありません。 – Kyle

+2

CSSの悪いページや、どのようにページがレンダリングされるかは非常に良いアイデアです。完全なCSSのページでは、これは外部のCSSファイルに移動する必要があります。 – Znik

5
<button id="fwdbtn" style="color:red">Submit</button> 
-2
<input type = "button" style ="background-color:green"/> 
+1

OPは送信のテキストの色を変更したいと思うし、ボタンの背景色を変更するインラインスタイル(=悪い習慣)をユーザーに提供します。これはあまり役に立たない... –

関連する問題