title: HTML - Styling a Form Button
body: <p>I'm trying to style my submit button for my form. I was looking into the 'button' tag, and adding in my CSS style, but the button still has a horrible default style.</p>
  
  <p>This is what I have so far:</p>
  
  <pre><code>&lt;button name="visit_return_button" id="visit_return_button" type="submit" class="visit_return_button"&gt;
  Increase
  &lt;/button&gt;
  </code></pre>
  
  <p>My css style is working, but I also get a nasty looking border and background colour. I was looking into JavaScript too, but I don't like the idea that not all browsers have JS active.</p>
  
  <p>Below is an image of the button, the top one is what it looks like, the bottom one is what its suppose to look like:</p>
  
  <p><img src="https://i.stack.imgur.com/FaVed.png" alt="enter image description here"></p>
  
  <p>Here is my CSS:</p>
  
  <pre><code>#visit_return_button{
      width:90px;
      height:30px;
      position:absolute;
      background-image: url(image/build_button.png);
      background-repeat: no-repeat;
      /*font-family: Tahoma, Geneva, sans-serif;*/
      font-size: 14px;
      font-weight: normal;
      color: #FFF;
      text-align: center;
      /*margin: auto;*/
      padding-top: 10px;
      margin-top:-20px;
  }
  </code></pre>
  
  <p>Would appreciate any help, thanks</p>