Question

我使用以下内容为我的表单显示<button>。

<button id="btnSend" type="submit" style="width: 100%; height:38px; text-indent:-9999px; border:none; margin-top:20px; cursor:pointer; background-color: blue;">
    Send
</button>

我想知道如何设置字体颜色？我尝试了font-color和color，但都没有为我工作。

Answer 1

您的文字正在使用text-indent属性从页面移开，所以即使您在字体上有颜色，也无法看到它。

然后删除text-indent: -9999px，然后添加颜色 - color: #fff或您想要的任何颜色。

JS Fiddle Demo

另外，最好在CSS中定义样式而不是内联样式。因此，您更新的CSS可能如下所示：

#btnSend{
    width: 100%; 
    height:38px; 
    border:none; 
    margin-top:20px; 
    cursor:pointer; 
    background-color: blue;
    color:#fff
}

Answer 2

你可以尝试这个

 <button id="btnSend" type="submit" style="width: 100%; height:38px;  border:none; margin-top:20px;     cursor:pointer; background-color: blue;">
       <font style="color:cyan">Send</font>
    </button>

HTML5按钮样式

2 个答案:

JS Fiddle Demo