html - 如何更改按钮 CSS 属性

Question

我有一个提交按钮，其图像位于表单底部。该图像位于页面的其他部分，但该按钮不需要它，而是需要将其更改为纯黑色按钮。我怀疑有一个 child / parent 的问题阻止我做我需要的事情。我尝试在 .css 文件上上下移动某些样式以尝试覆盖层次结构，但没有任何效果。我是整个 Web 开发游戏的新手，想要一个简单易懂的解释来说明如何做到这一点。谢谢。

编辑:CSS 文件中其他地方可能有一些代码覆盖了我在此处显示的内容。我会放一个 URL 而不是放 300 行代码，看看这是否对你们有帮助。再次感谢您帮助网络菜鸟。

网址:https://crux.baker.edu/~jbachm01/CHAMPS/SideKick%20Main%20Files/sidekick/

HTML

<div class="grid_4">
      <div id="signup-form" class="clearfix">
        <h2>Sign Up With US...its free!</h2>
        <form action="">
          <p>
            <label>Name</label>
            <input name="" type="text" />
          </p>
          <p>
            <label>Email</label>
            <input name="" type="text" />
          </p>
          <p>
            <label>Phone Number</label>
            <input name="" type="text" />
          </p>
          <p>
            <label>Additional Information</label>
            <input name="" type="text" />
          </p>
          <p class="last">
            <button type="submit" class="button"><span>SUBMIT</span></button>
          </p>
        </form>
      </div>
    </div>

CSS

#signup-form {
padding: 15px;

/* 
width: 200px;
height: 400px;
FIX FORM SIZE HERE!!!
*/

}
#signup-form h2 {
text-align: center;
font-size:24px;
font-weight: normal;
text-transform:uppercase;
width:100%;
padding: 0 15px;
margin: 0 -15px 25px;
background: url(../images/line.png) repeat-x left bottom;
padding-bottom:10px;
}
#signup-form label {
font-size:16px;
display: block;
margin-bottom:10px;
line-height:1;
}
#signup-form input[type=text], #signup-form textarea {
background-color:#fff;
border: none;
border-top: solid 3px #bababa;
width:250px;
padding: 9px 10px;font-size:14px;
}
#signup-form p.last {
margin-bottom: 0;
}
#signup-form button, #signup-form button > span {
display: block;
width:100%;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#signup-form button > span {
background-color:rgba(0, 0, 0, 0.5);
font-size:16px;
text-align:center;
line-height: 68px;
}

JSFIDDLE:http://jsfiddle.net/ynYy7/

Answer 1

在#signup-form按钮中添加:

padding: 0;
border: none;