How to use CSS to square the corner on a submit button


Tags: css,forms

Problem :

How do I square the corners of a submit button? Can it be done with CSS? I just noticed that Stackoverflow buttons are pretty much the same thing (don't close it for mentioning SO, just want to illustrate what I mean).



Solution :

Just add CSS to it, and the default look will dissappear.

input.button, input.submit {
   border: 1px outset blue;
   background-color: lightBlue;
}

edit: changed the selector to use class name instead, as suggested in comments.


    CSS Howto..

    How to CSS for today's Internet? [closed]

    How to add transition to CSS3 Animation steps

    How can you hide the arrow that is displayed by default on the HTML5
    element in Chrome?

    How to set jQuery draggable min/max-left and min/max-right

    How to put background after anchor tag throw css?

    How to center text in lists?

    How to modify “sign in” page using CSS?

    How to change CSS portrait to landscape in iphone?

    How do I align my navigation to the right without removing (display: inline;)?

    Jquery-How to grey out the background while showing the loading icon over it

    How to center text next to a responsive image in Bootstrap3

    How to prevent IE from loading hidden content using HTML/CSS only?

    how to remove margin or padding of window in javascript/css?

    How do I keep the 'hover' effect while using a Jquery color change effect while scrolling

    How to override the css using the JQuery

    How to create a Dribbble-esque image hover effect?

    how to display euro symbol in css after and before pseudoelements

    How do I prevent this double hover?

    How to style easypiechart using CSS?

    What is the best tutorial or tutorials on how to make a tooltip using CSS or JQuery or Both? [closed]

    How to force text to wrap inside inline-block div?

    how to simplify font import in css

    How do I change the color of Semantic UI icons?

    how to show JS alert on open of each tab of the slider?

    How to put a div in more pages

    How to use media queries for mobile devices and desktop?

    How can I create this centered header with multiple colors?

    How to create a drop down menu like the one in this picture

    How to manage css of big websites within team environment without mess?

    How to vertically align items in horizontally ul list with images?