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

bgibtngc  于 2023-05-02  发布在  其他
关注(0)|答案(7)|浏览(109)

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

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

当我试图改变提交按钮的颜色时,我遇到了一个问题。

abithluo

abithluo1#

.button
{
    font-size: 13px;
    color:green;
}
<input type="submit" value="Fetch" class="button"/>
iqih9akk

iqih9akk2#

你试试这个:

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

x7rlezfr3#

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

pu82cl6c4#

使用CSS:

color: red;

就这些。

w8biq8rn

w8biq8rn5#

我有同样的想法,想要改变文本颜色,而不是按钮颜色本身到一个不同的颜色。你可以这样做:

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;
}
olmpazwi

olmpazwi6#

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

u4vypkhs7#

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

相关问题