Monday, March 03, 2014

Standard looking buttons with different colored backgrounds

<style type="text/css">
    #ContinueButton#CancelButton {
        backgroundlinear-gradient(to bottom, #FFF 0%, #EEE 9%, #E7E7E7 44%, #DDD 45%, #CCC 91%, #FFF 100%);
        background-webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#DDD));
        -moz-appearancetextfield;
        border-radius3px;
        -webkit-border-radius2px;
        border1px #999 solid;
        padding2px 6px 3px;
    }
    #ContinueButton {
        backgroundlinear-gradient(to bottom, #FFF 0%, #ECF2EC 9%, #E5EBE5 44%, #DBF1DB 45%, #CAD0CA 91%, #FFF 100%);
        background-webkit-gradient(linear, left top, left bottom, from(#F4FAF4), to(#DBE1DB));
    }
    #CancelButton {
        backgroundlinear-gradient(to bottom, #FFF 0%, #F2ECEC 9%, #EBE5E5 44%, #F1DBDB 45%, #D0CACA 91%, #FFF 100%);
        background-webkit-gradient(linear, left top, left bottom, from(#FAF4F4), to(#E1DBDB));
    }
</style>