<pre><code>&lt;input type="submit"/&gt;

&lt;style&gt;
input {
  background: url(tick.png) bottom left no-repeat;
  padding-left: 18px;
}
&lt;/style&gt;
</code></pre>

<p>But the bevel goes away, how can I add an icon to submit button and keep the bevel?<br>
Edit: I want it to look like the browser default.</p>

Use border.  For example:
```
```
INPUT.button {
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    FONT-SIZE: 11px;
    BACKGROUND: url(tick.png) bottom left no-repeat;
    BORDER-LEFT: #999999 1px solid;
    CURSOR: pointer;
    COLOR: #333333;
    BORDER-BOTTOM: #999999 1px solid
}

<input type="submit" class="button" />
```
```