html - 如何使用CSS设置输入和提交按钮的样式？(How to style input and submit button with CSS?)

Question

I'm learning CSS. (我正在学习CSS。) How to style input and submit button with CSS? (如何使用CSS设置输入和提交按钮的样式？)

I'm trying create something like this but I have no idea how to do (我正在尝试创建这样的东西，但我不知道该怎么做)

<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>

  ask by user2307683 translate from so

Answer 1

http://jsfiddle.net/vfUvZ/ (http://jsfiddle.net/vfUvZ/)

Here's a starting point (这是一个起点)

CSS: (CSS：)

input[type=text] {
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input[type=text]:focus {
    border-color:#333;
}

input[type=submit] {
    padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}