常用按钮、文本框、表单等CSS样式13例

.imagebutton{
     cursor: hand;     /*改变鼠标形状
}
7、页面正文

body {
     scrollbar-face-color: #ededf3;
     scrollbar-highlight-color: #ffffff;
     scrollbar-shadow-color: #93949f;
     scrollbar-3dlight-color: #ededf3;
     scrollbar-arrow-color: #082468;
     scrollbar-track-color: #f7f7f9;
     scrollbar-darkshadow-color: #ededf3;
     font-size: 9pt; /*www.52css.com*/
     color: #003366;
     overflow:auto;
}
td { font-size: 12px }
th {
     font-size: 12px;
}
8、下拉选择框

select{
     border-right: #000000 1px solid;
     border-top: #ffffff 1px solid;
     font-size: 12px; /*www.52css.com*/
     border-left: #ffffff 1px solid;
     color:#003366;
     border-bottom: #000000 1px solid;
     background-color: #f4f4f4;
}
9、线条文本编辑框

.editbox{
     background: #ffffff;
     border: 1px solid #b7b7b7;
     color: #003366;
     cursor: text;
     font-family: "arial";
     font-size: 9pt;
     height: 18px;
     padding: 1px; /*www.52css.com*/
}
10、多行文本框

.multieditbox{
     background: #f8f8f8;
     border-bottom: #b7b7b7 1px solid;
     border-left: #b7b7b7 1px solid;
     border-right: #b7b7b7 1px solid;
     border-top: #b7b7b7 1px solid;
     color: #000000;
     cursor: text;
     font-family: "arial";
     font-size: 9pt;
     padding: 1px; /*www.52css.com*/
}
11、阴影风格的表单

.shadow {
     position:absolute;
     z-index:1000;
     top:0px;
     left:0px; /*www.52css.com*/
     background:gray;
     background-color:#ffcc00;
     filter : progidximagetransform.microsoft.dropshadow(color=#ff404040,offx=2,offy=2,positives=true);
}
12、只显一条横线的输入框

.logintxt{
     border-right: #ffffff 0px solid;
     border-top: #ffffff 0px solid;
     font-size: 9pt; /*www.52css.

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!