Question

我需要删除通常位于搜索表单右侧的搜索按钮，并输入搜索表单中显示的默认文本，如stackoverflow中的那个。我只是希望搜索表单中的文本更轻一些。顺便说一句，我正在使用工具箱wordpress主题，但无论如何都是代码。

<div id="search" class="widget widget_search">
<?php get_search_form(); ?>
</div>

我已经对search.php中的代码进行了快照，下面是链接 http://i.stack.imgur.com/HreJI.png

继续css：

#searchform label {
display: none;
}

#searchform input#s {
width: 150px;
}

input[type=text],

input#s {
margin: 0 1em 0 0;
width: 60%;
}

textarea {
width: 80%;
}

#search {
float: right;
margin-top: -98px;
margin-right: 22px;
}

Answer 1

只需将CSS属性更改为以下内容即可隐藏搜索按钮：

#search {
    display: none;
}

对于占位符文字，您必须使用Javascript或HTML5才能使其生效like detailed at this website。

修改

根据问题建议的方式不是非常有条理的形式，只需将上面的CSS更改为：

#searchsubmit {
    display: none;
}

从wordpress中的搜索表单中删除搜索按钮

1 个答案:

修改