how to set background image in submit button?

by

The way I usually do it, is with the following css:

div#submitForm input {
  background: url("../images/buttonbg.png") no-repeat scroll 0 0 transparent;
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  padding-bottom: 2px;
  width: 75px;
}

and the markup:

<div id="submitForm">
    <input type="submit" value="Submit" name="submit">
</div>

If things look different in the various browsers I implore you to use a reset style sheet which sets all margins, padding and maybe even borders to zero.

More Related Contents:

  1. Margin on child element moves parent element
  2. Make a div into a link
  3. How do I center align horizontal menu?
  4. Should I avoid using !important in CSS?
  5. IE 8: background-size fix [duplicate]
  6. CSS: Hover one element, effect for multiple elements?
  7. xHTML/CSS: How to make inner div get 100% width minus another div width
  8. Cols, colgroups and css “:hover” pseudoclass
  9. CSS Justify text, fill space with dots [duplicate]
  10. Can we use any other TAG inside along with ? [duplicate]
  11. Replacing H1 text with a logo image: best method for SEO and accessibility?
  12. For div to extend full height
  13. html5 vertical spacing issue with
  14. CSS Parent/Ancestor Selector [duplicate]
  15. Select inputs and text inputs in HTML – Best way to make equal width?
  16. Vertical and horizontal align (middle and center) with CSS [duplicate]
  17. Why and not taking font-family and font-size from body?
  18. Why shouldn’t I use position:absolute for positioning everything?
  19. How to use JSF generated HTML element ID with colon “:” in CSS selectors?
  20. What does an asterisk (*) do in a CSS selector?
  21. Align 3 unequal blocks left, center and right
  22. What is the default padding and/or margin for a p element (reset css)?
  23. Which CSS properties create a stacking context?
  24. If you specify `bottom: 0` for position: sticky, why is it doing something different from the specs?
  25. How to use template literals in tailwindcss to change classes dynamically?
  26. How to put an image in div with CSS?
  27. Specifying Tab-Width?
  28. Non-Standard fonts in web?
  29. How can I avoid media query overlap?
  30. How do you style a external svg with css

Leave a Comment