css - 我如何在 wordpress twentyten 主题中自定义我的搜索小部件？

Question

我正在使用 wordpress twentyten 主题。
在这里我设置了搜索小部件。

现在我想自定义我的搜索选项，看起来像，

我想改变它，

谁能告诉我哪里需要更改？

Answer 1

wordpress 搜索表单的 php 是 <?php get_search_form(); ?>在浏览器中写出以下内容

<form method="get" id="searchform" action="http://www.your-url.org.uk/">
<div><label class="screen-reader-text" for="s">Search for:</label>
<input type="text" value="" name="s" id="s">
<input type="submit" id="searchsubmit" value="Search">
</div>
</form>

因此，您需要在主题的样式表中找到#searchform，然后从那里自定义 css。如果您需要更多帮助，请尝试下载 firebug 并使用它来检查现有的 Css。