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

Question

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

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

这是一个快照。

Answer 1

为什么不使用<button>submit</button>和样式与

这样的css

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

应该给你想要的输出。

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

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

请试一试，通过链接答案让我知道:)快乐编码：）