[分享]css3控制表单

CSS3可以很方便地控制表单的样式，如表单元素的大小、颜色、边框、背景等。

input[type="text"] {
   width: 200px;
   height: 30px;
   border: 1px solid #ccc;
   border-radius: 5px;
   padding: 5px;
   font-size: 16px;
   color: #333;
} 

通过选择器来控制文本输入框的大小、边框、圆角等。使用padding来设置文本与边框的距离，使用font-size和color来设置文本的大小和颜色。

input[type="submit"] {
   background-color: #2980b9;
   border: none;
   color: #fff;
   padding: 10px 20px;
   font-size: 16px;
   border-radius: 5px;
} 

使用CSS3可以轻松地控制提交按钮的颜色、大小、圆角等。通过padding来设置按钮内文本与按钮边缘的距离。

select {
   width: 200px;
   height: 30px;
   border: 1px solid #ccc;
   border-radius: 5px;
   padding: 5px;
   font-size: 16px;
   color: #333;
} 

使用CSS3可以轻松地控制下拉列表选择框的样式，如选择框的大小、圆角、边框等。通过padding来设置选择框内文本与边框的距离。

总之，使用CSS3可以轻松地控制表单的样式，让表单更加美观、易于使用。