在 WordPress 搜索字段中的响应模式下不显示输入占位符文本

Question

我有以下搜索代码。文本 Have a Question? Write here and press enter 在响应模式下不显示。

 <div class="input-group" id="suggest">
            <input name="s" id="s" type="text" onKeyUp="suggest(this.value);" onBlur="fill();" class="search-query form-control pull-right" autocomplete="off" placeholder="'.esc_attr__('Have a Question? Write here and press enter','mywiki').'" data-provide="typeahead" data-items="4" data-source="">
            <div class="suggestionsbox" id="suggestions" style="display: none;"> <img src="'.esc_url(get_template_directory_uri().'/img/arrow1.png').'" height="18" width="27" class="upArrow" alt="upArrow" />
              <div class="suggestionlist" id="suggestionslist"></div>
            </div>        
        </div>

我怀疑它与输入中的 id="s" 有关，因为如果我将其更改为 id="sh"，则会出现占位符文本。

所以我的问题是为什么不 id="s" 我更喜欢使用这个因为它似乎是 WordPress 默认设置。我讨厌在这里修复它并在其他地方破坏其他东西。

更新：我意识到我正在使用的原始主题存在问题 -> https://fasterthemes.com/demo/mywiki-wordpress-theme/

Answer 1

这可能是由 CSS 代码引起的，例如，您的主题或颜色与输入字段背景颜色相同。

在 WordPress 搜索字段中的响应模式下不显示输入占位符文本

Input placeholder text not displaying under responsive mode in WordPress search field

html

css

forms

wordpress

input