html - div を使用してフォームに CSS を適用する

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; }