HTML表单相关的个人CSS

/*以下为表单通用css部分*/
*{
padding: 0;
margin: 0;
box-sizing: border-box;
}
.divBody{
width:800px;
height: 400px;
margin: 50px auto 0;
}
.formDiv{
width: 800px;
height: 400px;
border: 1px solid #333333;
border-radius: 10px;
}

.form-item label{
display: inline-block;
width: 150px;
line-height: 40px;
text-align: right;
font-size: 16px;
margin-left: 50px;
}
.form-control{
width: 200px;
height: 30px;
line-height: 30px;
}
.form-item span{
display: inline-block;
width: 280px;
height: 30px;
text-align: left;
margin-left: 20px;
line-height: 30px;
font-size: 12px;
margin-top: 5px;
}


.normal{
background-color: transparent;
border: 1px solid transparent;
}
.prompt{
background-color: #FFFFDA;
border: 1px solid #FFCD00;
}
.success{
background-color: #E6FEE4;
border: 1px solid #01BE00;
}
.error{
background-color: #FFF2E5;
border: 1px solid #FF3300;
}
/*以上为表单通用css部分*/

posted @ 2017-08-17 22:51  平安喜乐  阅读(187)  评论(0编辑  收藏  举报