css登录框怎么改大小,CSS3 大尺寸风格的输入框注册表单

CSS

语言：

CSSSCSS

确定

form.registration{

width:600px;

float:left;

color:#818181;

background: #f1f1f1 url(http://codropspz.tympanus.netdna-cdn.com/codrops/wp-content/uploads/2009/09/css3_form/pen.png) no-repeat top right;

border: 2px solid #ccc;

padding:10px;

font-family: Georgia;

font-size: 14px;

-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

}

form.registration fieldset{

border-top:1px solid #ccc;

border-left:0;

border-bottom:0;

border-right:0;

padding:6px;

margin:0px 30px 0px 0px;

}

form.registration legend{

text-align:left;

color:#ccc;

font-size:18px;

padding:0px 4px 0px 4px;

margin-left:20px;

}

form.registration label{

font-size: 32px;

width:200px;

float: left;

text-align: right;

color:#999;

clear:left;

margin:4px 4px 0px 0px;

padding:0px;

}

form.registration input{

font-family: Georgia;

font-size: 28px;

float:left;

width:300px;

border:1px solid #cccccc;

margin:2px 0px 2px 2px;

color:#00abdf;

height:32px;

padding:3px;

-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

}

form.registration input:focus, form.registration select:focus{

background-color:#E0E6FF;

}

form.registration select{

font-family: Georgia;

font-size: 28px;

float:left;

border:1px solid #cccccc;

margin:2px 0px 2px 2px;

color:#00abdf;

height:40px;

-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

}

.button, .button:visited{

float:right;

text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

border-bottom: 1px solid rgba(0,0,0,0.25);

cursor: pointer;

padding: 5px 10px 5px 5px;

color: #fff;

text-decoration: none;

font-size: 32px; padding: 10px 15px;

background-color: #00abdf;

display: inline-block;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

}

.button:hover{

background-color: #777;

}