質問
Bingのようなサイトで見られるように、検索ボックス内に検索ボタンを実装するにはどうすればよいですか?
解決
中にあるように見えますが、そうではありません(HTMLを入力内に入れることはできません)。
2つの要素(入力とボタン)は0のマージンで閉じており、どちらも同じ高さを持っています。ボタンのグラフィックには3pxの白いマージンがあります。したがって、この効果を作成します。
考えられるマークアップとスタイリングは次のとおりです。
<input type="text" id="q" />
<input type="button" id="b" value="Search" />
#q, #b {
margin: 0
}
#q {
padding: 5px;
font-size: 2em;
line-height: 30px
}
#b {
/* image replacement */
text-indent: -99999px;
width: 30px;
height: 30px;
display: block;
background: gray url(button.png) 0 0 no-repeat;
/* placing next to input using float or absolute positioning omitted ... */
}
所属していません StackOverflow