如何在提交按钮中设置文本颜色?

时间:2020-12-26 20:14:02

I tried to change the color of text in submit button type but I don't know why I am not able to change it

我试图改变提交按钮类型的文本颜色,但是我不知道为什么我不能更改它。

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

I was getting problem when I tried to change the color of submit button.

当我试图改变提交按钮的颜色时,我遇到了麻烦。

5 个解决方案

#1


38  

.button {
    color: green;
}

jsFiddle Live Demo

jsFiddle现场演示

#2


20  

you try this:

你试试这个:

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

#3


5  

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

#4


3  

Use this CSS:

使用这个CSS:

color: red;

that's all.

这是所有。

#5


-2  

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

#1


38  

.button {
    color: green;
}

jsFiddle Live Demo

jsFiddle现场演示

#2


20  

you try this:

你试试这个:

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

#3


5  

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

#4


3  

Use this CSS:

使用这个CSS:

color: red;

that's all.

这是所有。

#5


-2  

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