我正在学习CSS。如何用CSS设计输入和提交按钮的样式?
我想创建这样的东西,但我不知道如何做。
<form action="#" method="post">
Name <input type="text" placeholder="First name"/>
<input type="text" placeholder="Last name"/>
Email <input type="text"/>
Message <input type="textarea"/>
<input type="submit" value="Send"/>
</form>
。
你可以使用CSS属性选择器针对不同类型的输入元素进行设计。
举个例子,你可以写
input[type=text] {
/*your styles here.....*/
}
input[type=submit] {
/*your styles here.....*/
}
textarea{
/*your styles here.....*/
}
与其他选择器组合
input[type=text]:hover {
/*your styles here.....*/
}
input[type=submit] > p {
/*your styles here.....*/
}
....
下面是一个有效的[例子][1] 。