title: CSS Button Value Styling
body: <p>If I have this line of code:</p>
  
  <pre><code>&lt;input type="submit" class="mybutton" name="add" value="Add new"/&gt;
  </code></pre>
  
  <p>How can I use CSS to style the buttons value? 
  I need to add an image before it's value, therefore I'd need this line of code at the value output:</p>
  
  <pre><code>&lt;span class="add"&gt;Add new&lt;/span&gt;
  </code></pre>
  
  <p>I tried things like:</p>
  
  <pre><code>&lt;input type="submit" class="mybutton" name="add" value=""&gt;
  &lt;span class="add"&gt;Add new&lt;/span&gt;&lt;/input&gt;
  </code></pre>
  
  <p>haha, but this totally doesn't make any sense.</p>
  
  <p>Anyone a good tip?</p>
  
  <p><strong>EDIT</strong> </p>
  
  <p>Wow thanks for the great fast responses. Forgot to mention that I use a .CSS file of "sexybuttons", so I can't change the styling and need other approach.</p>
  
  <pre><code>&lt;button type="submit"&gt;
  </code></pre>
  
  <p>Is what I was looking for. Thanks alot all.</p>