Posted on | by liu
有时候，大家可能会觉得表单元素的字体过于粗体，不太符合大家的设计要求。这时候，大家可以通过CSS来取消表单元素的粗体属性。
首先，让大家来看一下表单元素的默认样式。大家可以在HTML文档中加入一些表单元素来查看它们的默认样式。
<form>
<label for="username">用户名:</label>
<input type="text" id="username"><br>
<label for="password">密码:</label>
<input type="password" id="password"><br>
<label for="email">邮箱:</label>
<input type="email" id="email"><br>
</form>
上述代码中，大家使用了三个常见的表单元素：文本框（type=”text”）、密码框（type=”password”）和邮箱输入框（type=”email”）。大家可以在浏览器中预览这个表单，然后查看这些元素的默认样式。
接下来，大家使用CSS来改变这些元素的样式。大家可以使用伪类选择器来选中这些表单元素，并使用font-weight属性来设置它们的字体粗细。
input[type="text"], input[type="password"], input[type="email"] {
font-weight: normal;
}上述代码中，大家使用了多个属性选择器来选中这三种表单元素。大家将它们的字体粗细设置为normal，即取消了它们的粗体属性。
现在，大家再来预览一下这个表单，看看它们的字体是否变得更加细了。
在实际项目中，大家通常会使用一个CSS文件来管理大家的样式，而不是将样式直接写在HTML文档中。大家可以将上述代码添加到CSS文件中，并在HTML文档中引用这个CSS文件。
使用CSS取消表单元素的粗体属性非常简单。如果您认为表单元素的字体粗细不适合您的设计，那么就尝试使用这个方法来进行改变吧。