html - 更改 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字体样式来定义它们。