Here's a screenshot.
And my CSS markup:
.submitbutton
{
background: url("/Content/SiteImages/button.png") no-repeat scroll 0 0 transparent;
color: white;
cursor: pointer;
height: 26px;
width: 76px;
margin-left: 8px;
margin-top: 12px;
}
Also, I'd like the background image to stretch to fit into the dimensions of the button. Currently it's displaying full size (I think). Any tips for this new HTML web developer?
If you want to remove the focus around a button, you can use the CSS outline property. You need to set the “none” value of the outline property.
You can make a button without borders in HTML. To remove them, you have to use the border property in CSS and set it to none.
HTML buttons always have a border, simply setting border:0;
should fix this.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With