级联不适用于特定输入

Question

我正在尝试将HTML表单用于asp.net core2应用程序。在css文件中，我想使用级联技术以使按钮相应地调整其大小。但是看来，用于其他输入和textarea元素的相同宽度也被应用于按钮的特定输入。

为什么我不能使用此特定输入[type = submit]来缩小按钮的大小？

这是CSS代码：

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

input [type=submit] {
    width: auto;
}

input, textarea {
    font-size: 18px;
    width: 200px;
}


label {
    font-size: 16px;
}

这是html代码：

<form>
    <label>User Name: </label> 
    <br />
    <input /> 
    <br />
    <label>Email: </label> 
    <br />
    <input type="email" /> 
    <br />
    <label>Subject: </label> 
    <br />
    <input type="text" /> 
    <br /> 
    <label>Message: </label>
    <br />
    <textarea rows="5"></textarea> 
    <br />
    <input type="submit" value="Send Message"/>
</form>