如何设置提交按钮的文本颜色？

Question

我尝试改变提交按钮类型中文本的颜色，但是不知道为什么无法更改。

.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" />

当我尝试修改提交按钮的颜色时，遇到了一个问题。

- Venkata Krishna

---

"遇到问题" - 这并没有帮助我们。你期望发生什么？实际上发生了什么？控制台日志中是否有任何消息？我在你的 :hover 中添加了 background-color: red，当我将鼠标悬停在按钮上时，按钮的颜色改变了。也许 tiny_.gif 没有加载？ - Jeremy J Starcher

Answer 1

.button
{
    font-size: 13px;
    color:green;
}

<input type="submit" value="Fetch" class="button"/>

- mtk

Answer 2

你可以尝试这个：

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

- Jerry Thomsan

---

当存在外部样式表时，内联样式并不是一个好主意。 - Kyle

对于样式较差的页面和测试页面渲染，这是一个非常好的想法。对于完全有样式的页面，应将此功能移至外部CSS文件中。 - Znik

Answer 3

<button id="fwdbtn" style="color:red">Submit</button> 

- user4120685

Answer 4

请使用以下CSS代码：

color: red;

that's all.

- Marcus

Answer 5

我也曾想过想要将文本颜色改为不同的颜色，而不是按钮本身的颜色。以下是您可以做的：

button {
    color: black; /* This is for the font color of the button */
    background-color: aqua; /* This is for the color of the button */
    height: 70px;
    width: 70px;
}

- raul_monn

---

你的回答可以通过提供更多支持信息来改进。请编辑以添加进一步的细节，例如引用或文档，以便他人可以确认你的答案是正确的。您可以在帮助中心中找到有关如何编写良好答案的更多信息。 - Community

Answer 6

.btn{
    font-size: 20px;
    color:black;
}

- Anno

---

你能否解释一下你的解决方案？仅有代码有点难以正确理解答案。 - YLR

虽然这段代码可能回答了问题，但提供有关它如何以及/或为什么解决问题的附加上下文将改善答案的长期价值。 - Donald Duck

Answer 7

<input type = "button" style ="background-color:green"/>

- Jayita Roy

---

OP想要更改提交按钮的文本颜色，而您提供了一个内联样式（=不良实践），更改了按钮的背景颜色。这并没有太大帮助... - Laurent S.