如何在提交按钮中设置文字颜色？

我试图改变在提交按钮类型文本的颜色，但我不知道为什么我不能去改变它如何在提交按钮中设置文字颜色？

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

我得到的问题时，我试图改变提交按钮的颜色。

来源

2012-09-18 Venkata Krishna

“获得问题” - 这简化版，帮助我们。你期望发生什么？究竟发生了什么？控制台日志中是否有消息？我在你的'：hover'中加入了'background-color：red'，并且当我把它挖出来时，按钮改变了颜色。也许'tiny_.gif'没有加载？ –

.button { 
    color: green; 
}

jsFiddle Live Demo

来源

2012-09-18 06:07:03 mtk

使用此CSS：

color: red;

仅此而已。

来源

2012-09-18 05:57:19 Marcus

我试过这个，但现在它的工作感谢您的快速回复 –

你试试这个：

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

来源

2012-09-18 06:18:14

当外部样式表可用时，内联样式不是一个好主意。 – Kyle

这对于糟糕的css-ed页面来说是非常好的主意，并且用于测试页面将如何呈现。对于完整的css-ed页面，这应该被移动到外部的css文件。 – Znik

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

来源

2014-12-04 09:30:02

-2

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

来源

2016-05-15 16:04:34

OP想要改变提交的文本颜色，并且为他提供了一个内联样式（=坏习惯），改变了按钮的背景颜色。这并没有多大帮助... –

如何在提交按钮中设置文字颜色？

回答

相关问题