Geovani Martinez » CSS Round Corners http://geovanimartinez.com Mon, 05 Apr 2010 14:41:06 +0000 http://wordpress.org/?v=2.9 en hourly 1 Button round corners http://geovanimartinez.com/2009/01/29/button-round-corners/ http://geovanimartinez.com/2009/01/29/button-round-corners/#comments Thu, 29 Jan 2009 19:58:03 +0000 Geovani Martinez http://geovanimartinez.com/2009/01/29/button-round-corners/ In the process of doing some GUI enhancements on an existing application I recalled wanting to implement some round corners on the submit buttons. They are to appear round, colorful and match the application theme.

image

So I created the CSS class below and assigned it to the button controls.

.submit
{
    font-size:10px;
    color:#FFFFFF;
    background-color:#640405;
    padding:3px 5px;
    border:1px solid;
    cursor:pointer;
    /* Rounded corners in most browsers! */
    -moz-border-radius: 5px; /* For Mozilla Firefox */
    -khtml-border-radius: 5px; /* For Konqueror */
    -webkit-border-radius: 5px; /* For Safari */
}

image

In the end its a good UI  enhancement to the application. The only one not rendering the corners round is IE but I can live with that.

]]> http://geovanimartinez.com/2009/01/29/button-round-corners/feed/ 0