How to remove outline border from input button

by

Using outline: none; you can remove that border in chrome.

<style>
input[type=button] {
    width: 120px;
    height: 60px;
    margin-left: 35px;
    display: block;
    background-color: gray;
    color: white;
    border: none;
    outline: none;
}
</style>

More Related Contents:

  1. create a custom button [closed]
  2. Adding a styled CSS button
  3. How to make button look like a link?
  4. Remove extra button spacing/padding in Firefox
  5. How can I change a button’s color on hover?
  6. Replace input type=file by an image
  7. What disadvantages are there to the tag?
  8. Styling twitter bootstrap buttons
  9. Align button at the bottom of div using CSS
  10. How to create a pure css slideshow? [closed]
  11. Is there a “previous sibling” selector?
  12. Align inline-block DIVs to top of container element
  13. Transparent arrow/triangle indented over an image
  14. How to change the color of an svg element?
  15. Using regular expression in css?
  16. How do I make an html link look like a button?
  17. Are eot, ttf, and svg still necessary in the font-face declaration?
  18. Managing CSS Explosion
  19. Fixed element disappears in Chrome
  20. YouTube Video Embedded via iframe Ignoring z-index?
  21. How to customize the HTML5 input range type looks using CSS?
  22. Are parentheses allowed in CSS selectors?
  23. For div to extend full height
  24. Forcing child to obey parent’s curved borders in CSS
  25. Should border-radius clip the content?
  26. Non-Standard fonts in web?
  27. How can I avoid media query overlap?
  28. How do you style a external svg with css
  29. Are there any cons to using color names in place of color codes in CSS?
  30. What is the difference between background-size: cover; and background-size: 100%;?

Leave a Comment