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 alternate HTML table row colors using JSP?

    How to get just numeric part of CSS property with jQuery?

    How to rotate an object 120deg on every click with CSS-transition/transform throu JS

    How to style a PHP generated label?

    How Can I Use CSS :after to Add a Glyphicon Element to an Input

    How to horizontally repeat two different bg gradients to the entire page width?

    How to make vertical text change into horizontal text in css?

    How do I vertically centering text inside a responsive box that has a (fluid height) [duplicate]

    HTML table show last column using media queries

    How can I apply a style to element if the user came to website using a link with an anchor/hash [closed]

    HTML/CSS: How to use another font for list-item Bullets

    How do I solve this IE7 margin issue?

    CSS how to make a perfectly alligned left (or right) border?

    CSS Bootstrap AngularJS - How to reduce table row height?

    How to center verticaly n inline containers with different font-size?

    How to dynamically change pseudo-class value in css

    How to find the highest z-index using jQuery

    How to make a 3 column layout fill 100% width using pixel metric on 2 columns?

    How to get content of a specific css column

    how can i add class to errorsummay without remove header message

    How to use Resource bundle(Client Bundle) in JSNI?

    Can't figure out how to make a box with multiple images with CSS/HTML

    How to change css display none or block with button click

    How to appy font color from li:hover to inner a link text using CSS

    How to make a snowboard (or squeezed rectangle) shaped div in css?

    How to center a border-width shape properly, relative to its parent input button?

    CSS Lining up images. Always 1px difference. Why/How?

    How to run multiple css selector classes at once?

    How to make a css compatible by all browser

    How can I import a single string line of text to multiple HTML files?