javascriptテキストBOX色を元に戻したい

f.txtbox.style.backgroundColor = 'red';

このようにしてチェックボックスをクリックすると、あるテキストボックスの背景色が変わるようにしたのですが、
変える前のデフォルトのテキストボックス背景色に戻す（デフォルトに戻す）にはどうすればいいですか？

#ffffffにする以外どうすればいいでしょうか？

No.5 ベストアンサー 回答者： LancerVII 回答日時： 2012/06/26 12:33

こんにちは。

検証してみました。

style.removeProperty('background-color')と
style.backgroundColor = '';

Firefox,Chromeのツール上では同じ結果です。

IEではstyle.removePropertyが動きませんがstyle.backgroundColor = '';で動きます。

jQuery等利用すればこの辺の差を吸収してくれると思います。

No.4 回答者： babu_baboo 回答日時： 2012/06/26 11:55

#2 です。

せっかく、style.removeProperty というものがある(IEは・・・)のだから、 それを かんがえて くださった ひとのためにも つかって みてはどうでしょう？

この回答へのお礼

ありがとうございます。
style.removePropertyでデフォルトに戻せるのですか。

IEは・・・ってのは何を意味しているのでしょうか？

お礼日時：2012/06/26 12:22

No.3 回答者： LancerVII 回答日時： 2012/06/26 11:32

こんにちは。

#2さんの指摘ですがFirefoxで動きを見ている限りでは
backgroundColor=''を指定すると
<input style="">になるので問題無いかなと判断しております。

この回答へのお礼

ありがとうございます。

backgroundColor='' ですか。
なるほどです。確かに出来そうですね。
やってみますね。

お礼日時：2012/06/26 12:27

No.2 回答者： babu_baboo 回答日時： 2012/06/26 11:03

<style>

.txtbox {
　background-color :;
}
</style>
の「意」になるけど・・・
そのへんどうなのよ？って、かこにうたれた。

No.1 回答者： LancerVII 回答日時： 2012/06/26 08:18

こんにちは。

f.txtbox.style.backgroundColor = '';

指定してあげなければデフォルトになると思います。
一応メジャーなブラウザで確認しましたが、バージョンによっては差異が出るかもしれません。
(最近のブラウザでは問題ありませんでした)