Car*_*los 4 css inheritance select
select 标签似乎没有从它的父级继承，这是预期的吗？我在这段简单的代码中做错了什么？
<!DOCTYPE html>
<html lang="en">
<head>
<style>
form
{
color:#0000cc;
font-size: 10px;
}
</style>
<title>Select boxes not affected by its css parent propertieses</title>
</head>
<body>
<form action="#" method="POST">
<div id="refine_race_search">
<div><label for="test">my_label</label>
<select>
<option value="1">value 1</option>
<option value="1">value 2</option>
<option value="1">value 3</option>
<option value="1">value 4</option>
</select>
</div>
<input type="submit" value="Send"/>
</div>
</form>
</body>
</html>
表单控件通常不会从其父元素继承 CSS 属性，因为 Web 浏览器倾向于以默认方式显示表单字段。
这样想吧。如果我制作了一个具有黄色背景和 48 像素正文文本的网站，您是否期望表单字段也是 48 像素和黄色？是的，在您的具体情况下，这种表单字段继承将是一件好事；但对于浏览器来说，实现它对于网页设计和用户体验角度来说都不是一件好事。
相反，您应该做的是更改form{为form, input, select, button{，以获得您想要的样式。