CSSについての質問

質問

現在、CSS・HTMLでホームページの開発をしているのですが、
右上に、Google検索を先日設置しました。

入力フォームに入力した文字列・検索ボタンの「検索」という文字列
上記の両方の文字色が白(#fff）になっていたので、
body {
color:#fff;
font-size:13px;
background-color:#000;
margin: 0px auto;
width:800px;
}
の、color:#fff;を消して、#hogeの.googlesearchに、
#hoge .googlesearch {
froat:right;
height:10px;
margin-left:590px;
color:#000;
}

color:#000;
を追加しました。

上のように指定したのですが、
文字色が一切変わりません。

検索ボタン、入力フォームの文字列を変更するにはどうすればよいでしょうか。
ご面倒だとは思いますが、おねがいします。

また、詳しく知りたい点などがあったら、お願いします。

回答No.2

abril · ベストアンサー

> input要素の場合は、どうすればよいでしょうか？

文字色を改めて何も指定していなければ、input要素にはbodyでの指定が継承されますので、タイプセレクタで指定し直せば済む話です。
input {
color: #000;
}
部分部分で使い分けたいのであれば、更に#hoge input、input.hoge、などでセレクタを更に分ければよろしいでしょう。

補足

ありがとうございます。
早速やってみたところ、いきました！

確かにinputをcolor:#000;にすれば済む話ですね。
本当にありがとうございました！

回答No.1

noname#66720

HTML側のソースがないのでなんともいえないのですが、.googlesearchはinputに対して指定されているのでしょうか？
フォーム部品は大抵input要素だと思いますので、もう一度確認されたほうが良いかと思います。
あと関係ないですが、froatは効いていません。正式にはfloatです。

お礼

ご指摘、ありがとうございます！
さっそくfroatからfloatに修正いたしました。

補足

<form action="http://www.hogehoge.com/search/" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="partner-pub-8546953577952947:18euak-6k92" />
<input type="hidden" name="cof" value="FORID:10" />
<input type="hidden" name="ie" value="Shift_JIS" />
<input type="text" name="q" size="30" />
<input type="submit" name="sa" value="&#x691c;&#x7d22;" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=ja"></script>

確かにinput要素でした。
input要素の場合は、どうすればよいでしょうか？