CSS3 圓角 Textbox Template

<style>
 
      #MainContent_TextBox1, #MainContent_TextBox1:focus
      {
         position:absolute;
         left:0px;
         top:0px;
         width:100px;
         height:17px;
         border: 1px solid #007777;
         border-radius: 6px;
         -moz-border-radius: 6px;
         -webkit-border-radius: 6px;
         padding-top: 3px;
         padding-left: 5px;
         padding-bottom: 3px;
         outline: none;
      }
 
      #btn
      {
         position:absolute;
         left:90px;
         top:0px;
         background-color:#007777;
         width:48px;
         height:25px;
      }
 
   </style>


 
   <div style="position:relative; top:0px; left:0px;">
      <asp:TextBox ID="TextBox1" runat="server" MaxLength="10" />
      <div id="btn">
         <span style="position:relative; top:3px; left:4px; color:#FFFFFF;">Submit</span>
      </div>
   </div>