如何更改按钮的背景颜色？答案

【问题标题】：How can i change the backgroud color of button?如何更改按钮的背景颜色？
【发布时间】：2014-07-05 06:31:07
【问题描述】：

我想要绿色背景。这是我的代码-

<div class="pB20 pL70">
    <div class="btnGreen">
       <span> 
          <a>
             <input id="Login"  background-color: = "#698B22"; name="Login" class="rc-button rc-button-submit" value="Login"  type="submit">
          </a>
        </span>
     </div>
  <div class="fLeft pL10">&nbsp;</div>
</div>

这是一张快照。

【问题讨论】：

请粘贴您的代码按钮
看起来像图像或渐变。检查#btnGreen 的样式声明。
如果要检查灰色，只需将background-color 包裹在样式中即可。 style='background-color:#698B22;

标签： php html css

【解决方案1】：

为什么不直接使用 <button>submit</button> 和 CSS 样式

input[type="button"], input[type="submit"], button {
 background: #698B22;}

这应该会给你想要的输出。

【讨论】：

您可以使用一个按钮并根据您的需要对其进行样式设置，并且仍然可以获得您想要的效果。您可以将它命名为您想要的任何名称，在您的情况下它被命名为登录，您可以进行样式按照我的例子在你的CSS中。

【解决方案2】：

您的按钮代码中有语法错误。

而不是这个：

<input id="Login"  background-color: = "#698B22"; name="Login" class="rc-button rc-button-submit" value="Login"  type="submit">

这样使用：

 <input id="Login" name="Login" class="rc-button rc-button-submit" style="background-color:#698B22;" value="Login"  type="submit">

【讨论】：

感谢先生的帮助

【解决方案3】：

这可以通过 CSS 轻松完成。请检查下面的代码并尝试它是否对您有帮助。

这里是按钮 html：

<input id="login" type="submit" value="Login">

这里是 CSS

input#login {
    background: none repeat scroll 0 0 #698B22;
    border: 1px solid #698B22;
    border-radius: 3px;
    color: #FFFFFF;
    padding: 4px 15px;
    cursor: pointer;
}
input#login:hover {
    background: none repeat scroll 0 0 #207D36;
    border: 1px solid #207D36;
}

请试一试并通过链接让我知道:) 快乐编码:)

【讨论】：