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 get crossing CSS borders

    How to remove href attributes from a tag and remove css associated to it in iframe using jquery

    How to change hover background on links in css?

    How to make dropdown hide when clicked anywhere outside of it?

    PostCSS: How to conditionally add a new rule based on declaration in current rule?

    how can I use the CSS selector to solve this [duplicate]

    How can I archive this responsive design?

    How to set css @media print styling with jquery

    How to give the a specific background color in CSS?

    How to Assemble HTML,CSS and JS with EachOther

    How to line up images in a horizontal row with CSS?

    IE8 only shows css content after event fired

    How do I get the codes of creating the sidebar from this website? [closed]

    How to Make Inline SVG Scale to Parent Element with CSS

    How to stick a div when scrolled past 50% of the item?

    Simple Form button submit doesn't show in IE 8-7

    Show Pinterest hover buttons only on images with specified class

    How to move a div horizontal then vertical using css animation?

    How do I get CSS table columns to line up?

    How to force two elements become hovered at the same time?

    CSS Styles How to make this table not fill the entire page width?

    How to change color in first td in my table using class

    How to add css style if user scroll page over 112px

    How can I use CSS to select the “a” tag in the following layout?

    how to link css files in organization github pages

    How to make a font gisha-regular?

    How to add two images one in the right and other in the left side of the input textbox?

    How to override global style for img tag in css

    How to add transition to CSS3 Animation steps

    How to cut down HTTP request on js/css in laravel