css - 无法在 Wordpress 移动导航菜单上的搜索框中键入

Question

我正在尝试将搜索框添加到 wordpress 移动导航菜单中，但我不知道为什么我无法在其中输入内容。我猜这个问题与光标有关，但找不到有关如何修复它的更多信息，而且我似乎已经达到了我的能力极限!感谢您的指导:)编辑(忘记链接):https://www.winebounty.com (手机版)

Answer 1

根据链接，我的假设是不正确的。您可以在其中输入内容，并且不会被其他元素阻挡。问题在于字体大小，它设置为 0px。我通过打开 Chrome Dev Tools 并点击 Computed 找到了这一点，它显示了应用于该元素的所有样式。

在您的 style.css 中，第 48999 行包含以下内容:

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit; /* <-- Culprit */
    line-height: inherit;
}

它继承了第 13922 行的字体大小:

#mega_main_menu, #mega_main_menu>.menu_holder, 
#mega_main_menu>.menu_holder>.menu_inner, 
#mega_main_menu>.menu_holder>.menu_inner>.mega_main_menu_ul {
    font-size: 0; /* <-- This guy */
    letter-spacing: 0;
    word-spacing: 0;
    line-height: 0;
    display: block;
    visibility: visible;
    overflow: visible;
    -webkit-backface-visibility: hidden;
}

您只需为该搜索输入添加适当的字体大小，它就会起作用，如下所示: