web-dev-qa-db-ja.com

送信ボタンでテキストの色を設定する方法は？

送信ボタンの種類のテキストの色を変更しようとしましたが、なぜ変更できないのかわかりません。

.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');
}
<input type="submit" value="Fetch" class="button" />

送信ボタンの色を変更しようとしたときに問題が発生していました。

htmlcssbuttonsubmit-button
31
Venkata Krishna
.button {
    color: green;
}

jsFiddle Live Demo

48
mtk

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

<input type="submit" style="font-face: 'Comic Sans MS'; font-size: larger; color: teal; background-color: #FFFFC0; border: 3pt ridge lightgrey" value=" Send Me! ">
21
Jerry Thomsan
<button id="fwdbtn" style="color:red">Submit</button>
6
user4120685

このCSSを使用します。

color: red;

それで全部です。

3
Marcus