人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなブログで既存の検索バーのデザインをCSSで変えるにはどうすればいいですか?ちなみにテーマはDUDEを使わせて頂いています。

1498425013
●拡大する

●質問者: SHITO
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● ぽけっとしすてむ
ベストアンサー

はてなブログ デザイン設定 にある「デザインCSS」に、対応するCSSを記述します。

たとえば、

.hatena-module-search-box .search-form {
 border: none;
 color:#FFF;
 background: #e83929;
 border-left: 10px solid #000000;
 border-right: 10px solid #000000;
}
.search-module-input {
 background: #e83929;
 }
.hatena-module-search-box .search-module-button {
 top: 9px;
 right: 8px;
}

このように追加すると、以下のようになります。
f:id:psne:20170626073539p:image


SHITOさんのコメント
ありがとうございますm(_ _)m 無事デザイン変更できました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ