私のCSSは送信ボタンの高さを変更しないのはなぜですか？

Question

私のCSSが送信ボタンの高さを変更しないのはなぜですか？幅は変わりますが、高さは変わりません。私はまた、パディングを使用しようとしましたが、再び変更されません。ここで

は私のコードです： - あなたはそれがサイズに順番にあなたの送信ボタンでパディングを使用する必要が

.contact-form input[type="submit"] { 
 
    width: 100%; 
 
    height: 65px; 
 
}

<form class="contact-form" action=""> 
 
    <input type="text" name="fullname" placeholder="full name"> 
 
    <input type="text" name="email" placeholder="email address"> 
 
    <input type="text" name="subject" placeholder="subject"> 
 
    <textarea name="message" placeholder="message"></textarea> 
 
    <input type="submit" value="Submit"> 
 
</form>

https://i.stack.imgur.com/DpdQK.png

おかげ

Answer 1

。私は下に例を示します。

input[type=submit] { 
 
    width: 100%; 
 
    background-color: #4CAF50; 
 
    color: white; 
 
    padding: 40px 20px; 
 
    border: none; 
 
}

<form class="contact-form" action=""> 
 
    <input type="text" name="fullname" placeholder="full name"> 
 
    <input type="text" name="email" placeholder="email address"> 
 
    <input type="text" name="subject" placeholder="subject"> 
 
    <textarea name="message" placeholder="message"></textarea> 
 
    <input type="submit" value="Submit"> 
 
</form>