我正在尝试将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>