级联不适用于特定输入

时间:2019-02-11 15:08:44

标签: html css

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

0 个答案:

没有答案