☰

CSS で入力ボタンと送信ボタンのスタイルを設定するにはどうすればいいですか? 質問する

tag-icon • tag-icon html css
CSS で入力ボタンと送信ボタンのスタイルを設定するにはどうすればいいですか? 質問する

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>

ここに画像の説明を入力してください

ベストアンサー1

http://jsfiddle.net/vfUvZ/

出発点はここです

CS: ...

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

おすすめ記事