Can you style html form buttons with css?

by

You can achieve your desired through easily by CSS :-

HTML 

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

CSS

#submit {
    background-color: #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: #fff;
    font-family: 'Oswald';
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    border:none;
}



#submit:hover {
    border: none;
    background:red;
    box-shadow: 0px 0px 1px #777;
}

DEMO

More Related Contents:

  1. How to collect and manipulate data in HTML using
  2. Bootstrap height
  3. How to align checkboxes and their labels consistently cross-browsers
  4. Put icon inside input element in a form
  5. Google Chrome form autofill and its yellow background
  6. How do I change the color of radio buttons?
  7. Is there a way to style part of an input field’s value? [duplicate]
  8. Disabled form fields not submitting data [duplicate]
  9. Use a normal link to submit a form
  10. How to disable the resize grabber of ? [duplicate]
  11. How can I style a file input field in Firefox?
  12. Use Fieldset Legend with bootstrap
  13. Inline Form nested within Horizontal Form in Bootstrap 3
  14. Why do s clear floats?
  15. Can a ::before selector be used with a ?
  16. Which elements support the ::before and ::after pseudo-elements?
  17. How to align texts inside of an input?
  18. How do I style the HTML form validation error messages with CSS?
  19. Multiple submit buttons on HTML form – designate one button as default [duplicate]
  20. Styling autocomplete dropdowns in browsers
  21. Why use definition lists (DL,DD,DT) tags for HTML forms instead of tables?
  22. How can I control the height of an Option element in Webkit?
  23. Make input element (type=”text”) handle multiple lines of text
  24. Is it bad design to use table tags when displaying forms in html?
  25. How do I style radio buttons with images – laughing smiley for good, sad smiley for bad?
  26. How to center the contents of an HTML table?
  27. How to hide Table Row Overflow?
  28. Is there any benefit to adding accept-charset=”UTF-8″ to HTML forms, if the page is already in UTF-8?
  29. How to change the inner white color of Font Awesome’s exclamation triangle icon?
  30. How to set a percentage height value in HTML/CSS

Leave a Comment