Highlight Button - HTML CSS CSS Form

HTML CSS examples for CSS Form:input button style

  1. HOME
  2. HTML CSS
  3. CSS Form
  4. input button style

Description

Highlight Button

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">

#btnOnclick<!--from   www .ja v a 2s  .c  om-->
{
   color:#CCC;
   width: 75;
   margin-left: 50px;
   margin-right:auto;
   border: 1px outset #FFF;
   margin-bottom:20px;
   margin-top:10px;
   font-size:15px;
   /*gradient*/
   background:-moz-linear-gradient(top, #000, #333);
   background:-webkit-gradient(linear, left top , left bottom, from(#000), to(#333));
   border-radius:15px;
   -moz-border-radius:15px;
   -webkit-border-radius:15px;
   /*shadows*/
   box-shadow:3px 3px 10px #000;
   -moz-box-shadow:3px 3px 10px #000;
   -webkit-box-shadow:3px 3px 10px #000;
}
#btnOnclick:active
{
   color:#FFF;
   border: 1px outset #FFF;
   background: #00F;
}


      </style> 
 </head> 
 <body> 
  <form method="post" action=""> 
   <table> 
    <tbody> 
     <tr> 
      <td> <button onclick="btnSave" id="btnOnclick">Save</button> </td> 
     </tr> 
    </tbody> 
   </table> 
  </form>  
 </body>
</html>

Related Tutorials