我正试图使用类text area.formcontrol设置文本区域中的属性，但它没有用。我在formarea.formcontrol中定义的文本区域属性不会更改我在文本区域中的文本。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.container{
background-color: aquamarine;
width:100%;
height:auto;
}
input[type="text"],textarea,textarea.form-control{
background-color:#efeeef;
width:396px;
height:48px;
border-radius:4px;
}
textarea.form-control{
line-height:50%;
font-size:16px;
color:red;
font-weight:500;
}
</style>
</head>
<body>
<div class="container">
<p>cxfdsgfdagfa
dsvkbdslkD
DSNBXCZBV<br>
SDAKFDSBVLSDF
<br>
dskfdskafbvsakdh
cxfdsgfdagfa
dsvkbdslkD
DSNBXCZBV<br>
SDAKFDSBVLSDF
<br>
dskfdskafbvsakdh
cxfdsgfdagfa
dsvkbdslkD
DSNBXCZBV<br>
SDAKFDSBVLSDF
<br>
dskfdskafbvsakdh </p>
<!--Form element-->
<form>
<fieldset>
<input type="text" name="form-email" placeholder="Enter Your email" class="form-email form-control textarea border-color outline" id="form-email" >
</fieldset>
</form>
</div>
</body>
</html>
请告诉我如何在文本区域更改我的激活字体属性，我想用浅灰色渐变色在3px的灰色边框外勾勒轮廓。请告诉我如何解决这些问题？
foo是类型选择器
.foo是类选择器
您的元素：
<input type="text" name="form-email" placeholder="Enter Your email" class="form-email form-control textarea border-color outline" id="form-email" >
是类textarea的成员，所以.textarea会选择它，但它不是类型<textarea>，它是<input>，所以textarea不会选择它(但input会选择它(。
请注意，为类名提供与标准HTML元素类型相同的名称是创建这种类型的混淆的好方法，因此最好避免。
您的问题是选择了一个不分配给任何组件的类。您应该使用
.form-control{
line-height:50%;
font-size:16px;
color:red;
font-weight:500;
}
而不是
textarea.form-control{
line-height:50%;
font-size:16px;
color:red;
font-weight:500;
}