/*样式代码*/
input[type="text"] {
border: none;
border-bottom: 2px solid #ccc;
background: transparent;
outline: none;
padding: 7px;
width: 100%;
font-size: 18px;
}
input[type="submit"] {
padding: 5px 30px;
font-size: 18px;
background-color: #f47c20;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}在上面的样式代码中，大家给input标签设置了几个比较有意思的属性。
首先，在input[type=”text”]中，大家去掉了边框，使用了下划线的形式来代替边框，使用了背景透明，看起来非常简洁。同时大家还去掉了input聚焦时的outline，让输入框更加美观。
另外，大家还为input[type=”submit”]添加了一些hover和active的样式，让按钮在鼠标滑过和点击时展现出不同的效果。比如在hover时大家可以将背景色变为更亮的颜色，让用户有更好的视觉反馈。
通过利用CSS3的新特性，大家可以轻松地实现更加美观和个性化的表单。尝试使用不同的样式来打造出符合自己风格的表单吧！