维基百科如何进入搜索领域？

Question

我想知道维基百科如何进行搜索。我的意思是两件事：它的渐变和它的按钮。

如何在场上制作渐变？这时可以使用CSS跨浏览器轻松完成，但是当您执行IE CSS代码时，它会对文本进行别名。维基百科有渐变背景，但文字仍然是抗锯齿！他们是如何做到的？

另外，他们是如何在文本字段中放置可点击的搜索按钮的？

感谢。

Answer 1

您可以查看代码。出现的搜索框只是带边框的div元素。这个div本身具有通过CSS（背景图像）设置的渐变。如您所见，按钮元素也不在文本字段内。

<div id="simpleSearch">
    <input id="searchInput" name="search" type="text"  title="Search Wikipedia [f]" accesskey="f"  value="" />
    <button id="searchButton" type='submit' name='button'  title=""><img src="[x]" alt="Filltext" /></button>
</div>

Answer 2

看来实际搜索输入没有样式 - 意味着没有边框和透明背景。包含div的样式看起来像一个输入字段（边框和渐变）。可点击按钮位于div内部，但不在实际输入元素内。