サーチフォームのカスタマイズのCSS記述が反映されない

Question

###前提・実現したいこと
ワードプレスの検索フォームを少し見た目をお洒落にしたい。
参照サイト
http://rentalhomepage.com/search-form-css/

###発生している問題・エラーメッセージ

CSSに下記コードを記述したのですが、変化がない

###該当のソースコード

▼表示させたい場所に
<div id="search">
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/"><label class="hidden" for="s"><?php _e('', 'kubrick'); ?></label>
    <input type="text" value="<?php the_search_query(); ?>"  name="s" id="s" />
    <input type="image" src="<?php bloginfo('template_directory'); ?>/img/search.jpg" alt="検索" id="searchsubmit"  value="<?php _e('Search', 'kubrick'); ?>" />
    </form>
</div>


▼CSS
#search {
padding-top: 0px;
padding-bottom: 0px;
}

#s {
width: 210px;
height: 17px;
border: 1px solid #0000FF;
color: #FF1493;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
background-color: #008000;
font-size: 14px;
} 
#searchsubmit {
position: absolute;
top: 0;
_top: 1px;
left: 210px;
} 
*:first-child + html #searchsubmit { 
top: 1px; 
} 

#search #searchform {
position: relative;

###試したこと
現在使用中のテーマはこちらです
http://demo-wp.net/rwp043/

「style.css」に上記コードを入れてみたのですが
全くデザインに変化はありませんでした。
他のテーマでも試してみましたが同じくデザインに変化は見られず。
そもそもコードが間違っているのか、あるいはほかに原因が考えられるのか。
ご指摘いただけますでしょうか。

###補足情報(言語/FW/ツール等のバージョンなど)
ちなみに参照したのはこちらのサイトです
http://rentalhomepage.com/search-form-css/

Comments

[8-0_nyan5]

使用されているテーマを書かれた方がわかりやすいと思います。

Answer 1

以下はコピペミスでしょうか？

#search #searchform {
    position: relative;
/* ↑ 閉じカッコがない */

質問者様が提示されたコードを当方の環境で試してみましたが、
正常にCSSが反映された検索フォームが表示されました。

ブラウザのキャッシュが働いて、CSSの変更が適用されていない可能性があるため、
スーパーリロードをしてみてはいかがでしょうか。

Comments

[glanglan]

まさかのキャッシュの問題でしたか、それは気づきませんでした。ありがとうございました。