How to add background image for input type=”button”?

by

You need to type it without the word image.

background: url('/image/btn.png') no-repeat;

Tested both ways and this one works.

Example:

<html>
    <head>
        <style type="text/css">
            .button{
                background: url(/image/btn.png) no-repeat;
                cursor:pointer;
                border: none;
            }
        </style>
    </head>
    <body>
        <input type="button" name="button" value="Search" onclick="showUser()" class="button"/>
        <input type="image" name="button" value="Search" onclick="showUser()" class="button"/>
        <input type="submit" name="button" value="Search" onclick="showUser()" class="button"/>
    </body>
</html>

More Related Contents:

  1. CSS Button styling – Need some help -html css RADIO BUTTON LINK
  2. Embed image in a element
  3. How to wrap text of HTML button with fixed width?
  4. Remove border from buttons
  5. Can I nest button inside another button?
  6. Why does width apply to a button with display inline?
  7. How to center buttons in Twitter Bootstrap 3?
  8. HTML CSS Invisible Button
  9. How to Create Border In Css Iike
  10. CSS margin terror; Margin adds space outside parent element [duplicate]
  11. Table fixed header and scrollable body
  12. How to vertically align text inside a flexbox?
  13. display: inline-block extra margin [duplicate]
  14. CSS Single-column layout centered fixed-width 100% height w header and footer
  15. How can I have two fixed width columns with one flexible column in the center?
  16. One tall div next to two shorter divs on Desktop and stacked on Mobile with Bootstrap 4
  17. How to style dt and dd so they are on the same line?
  18. How to display vertical text in table headers with auto height / without text overflow?
  19. Add target=”_blank” in CSS
  20. Center image element in parent div
  21. Why is the span’s line-height useless?
  22. CSS – How to have children in different parents the same height?
  23. Equal width columns in CSS Grid
  24. How to align entire html body to the center?
  25. What are the CSS properties that get elements out of the normal flow?
  26. Ticks for type=”range” HTML input
  27. How to make a radio button look like a toggle button
  28. Styling autocomplete dropdowns in browsers
  29. Giving background-color to body applying whole page. Why?
  30. Can a div have multiple classes (Twitter Bootstrap) [duplicate]

Leave a Comment