表单CSS2

最新推荐文章于 2025-04-21 08:47:37 发布

原创最新推荐文章于 2025-04-21 08:47:37 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #input #border #search #float

最新日志专栏收录该内容

6 篇文章

订阅专栏

博客主要展示了使用CSS对textarea、select、input等元素进行样式设置，包括边框、背景、颜色、内边距等，还设置了元素聚焦时的背景样式。同时对label元素的布局和input、textarea的字段样式，以及搜索和提交输入框样式做了设置。

textarea, select, input {
font-family:arial, sans-serif;
border-top:solid 1px #aaa;
    border-left:solid 1px #aaa;
border-bottom:solid 1px #eee;
    border-right:solid 1px #eee;
    background:#fff;
    color:#666;
    padding:2px;
}
textarea:focus, select:focus, input:focus {
    background:#ffe;
}
label {
width: 110px;
float: left;
text-align: right;
vertical-align: middle;
padding-right: 2px;
clear: left;
}
input.field { margin-bottom: 2px; width: 200px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; }
textarea.field { width: 300px; height: 80px; overflow: auto; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; }
.input_search,.input_submit {
border: 1px solid #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background: #FFF;
color: #666;
font-weight: normal;
height:15px;
}
.input_submit {font-weight: bold; height:18px; cursor:pointer}