検索ＢＯＸのサイズについて

Question

お世話になります。楽天ショップ内に設置している店舗内検索の検索ボックスを大きく表示させたいのですが方法教えていただけますでしょうか。

Answer

ECマスターズの田中です。

検索ボックスに、スタイルシートを適用させてください。

ヘッダー・フッター・レフトナビもしくは共通説明文（大）の中に、


input[name="sitem"]{
}


と記載していただくことで、
スタイルシートを適用させる準備ができます。

上記HTMLソースの{と}の中に属性を加えていくことで、
入力欄の見た目を操作することができます。

たとえば、文字を大きくする（例：16pt）場合は、font-size属性を加えて、


input[name="sitem"]{
font-size: 16pt;
}


とご記載ください。
その他、色々な属性が設定できますので、下記URLをご参照ください。
http://www.htmq.com/style/

Answer

ありがとうございます。「検索のボタン」はどのようにすれば大きくなりますか？

Answer

ECマスターズの田中です。

＞ありがとうございます。「検索のボタン」はどのようにすれば大きくなりますか？
「input[type="submit"][value="検索"]」に対してスタイルシートを適用させると、
大きくすることができます。
〜タグの中に追記してください。

例）

input[name="sitem"]{
font-size: 16pt;
}
input[type="submit"][value="検索"]{
font-size: 16pt;
}


※ボタンの文字が「検索」である場合だけ適用されますので、
　文字が「ショップ内検索」など、変更された場合は、
　[value="検索"]を[value="ショップ内検索"]のように、併せてご変更ください。
※Macの場合、ボタンの見た目を変更するには、枠線を併せて変更する必要があります。
例）input[type="submit"][value="検索"]{ font-size:20pt; border:1px solid white; border-radius: 5px; }