検索窓の色を変更する方法について

Question

お世話になっております。
添付画像の検索窓の色を変更する際の手順をご教示頂けますでしょうか。

以下、URLになります。


.shopSearchForm{width:100%;max-width:800px;margin:0 auto;}.shopSearchForm *{vertical-align:bottom;box-sizing:border-box;height:38px;}.shopSearchInput{width:calc(100% - 45px);border:2px solid #bf0000;border-radius:3px;text-indent:8px;font-size:16px;font-family:"Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;line-height:32px;}.shopSearchButton{border:none;border-radius:3px;width:48px;margin:0 0 0 -3px;cursor:pointer;background:#bf0000 url(/com/img/home/itempage/haeder_sprite.png) no-repeat 1px -239px;}

###HR######IMG0057038bd8c1ada00221a94f544efccd3.jpegIMG0###

Accepted Answer

ECマスターズの 伊藤峻です。

>添付画像の検索窓の色を変更する際の手順をご教示頂けますでしょうか。

以下、URLになります。


.shopSearchForm{width:100%;max-width:800px;margin:0 auto;}.shopSearchForm *{vertical-align:bottom;box-sizing:border-box;height:38px;}.shopSearchInput{width:calc(100% - 45px);border:2px solid #bf0000;border-radius:3px;text-indent:8px;font-size:16px;font-family:"Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;line-height:32px;}.shopSearchButton{border:none;border-radius:3px;width:48px;margin:0 0 0 -3px;cursor:pointer;background:#bf0000 url(/com/img/home/itempage/haeder_sprite.png) no-repeat 1px -239px;}



https://ec-masters.gyazo.com/b4bb84e23055c068a422c18188bc489b


上記の画像のような
検索窓の色のご変更でお間違いありませんでしょうか。

https://ec-masters.gyazo.com/4733aedc1dafcad940d972252c0c1369

#bf0000
が色コードで２個所あるので
これを好きな色に変更してください

色コード見本
https://www.colordic.org/

認識が間違っております場合、
ご不明な点がございましたら
お気軽にご連絡くださいませ。