更改HTML表单输入字段文本大小

Question

我有像这样的html文件：

<p>
    Enter your first name and last name in the following form
</p>
<form>
    First name: <input  type="text" name="firstname"><br>
    Last name: <input type="text" name="lastname">
</form>

并且在CSS中，p标签的文本大小设置为40px

我想将两个文本框的字体大小设置为40px。

Answer 1

所以写一个匹配它们的选择器。

input { font-size: 40px; }

Answer 2

元素input，textarea和select不会像您期望的那样继承样式。

定义段落样式时，添加input[type="text"]选择器：

p,
input[type="text"] {
    font-size: 40px;
}

我通常会使用body字体样式定义它们。