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 像素和黄色？是的，在您的具体情况下，这样的表单字段继承将是一件好事；但是对于浏览器来实现它，从网页设计和用户体验的 Angular 来看，这不是一件好事。
您应该做的是将 form{ 更改为 form, input, select, button{ ，以便获得您想要的样式。
关于css - 选择框 css 属性不是从其父级继承的。，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6862386/