将css应用于带有div的表单

Question

我的表格是

<div id="search">
    <form action="http://www.google.com/search" method="get" onSubmit="Gsitesearch(this)">
        <input name="q" type="hidden" />
        <input name="qfront" type="text" style="width: 80px" />
    </form>
</div>

在样式css中我放了

#search {font: 12px  'Arial', sans-serif; color:#fff; text-align:left}

然而表格仍然没有显示白色

Answer 1

默认情况下，

INPUT元素通常不会从周围文本继承颜色或字体样式。例如，在具有蓝色文本的区域中，INPUT值的颜色仍将是浏览器默认值（通常为黑色）。要覆盖它，您需要专门定位INPUT。在您的情况下，请尝试：

#search input { font: 12px 'Arial', sans-serif; color:#fff; }