无法用鼠标选择来自输入元素(搜索框)的 HTML

Question

在 this site ，右上角的搜索框不起作用。

我尝试向父元素添加 z-index:

.col-right-one-thirds {
    max-width: 22.38033333em;
    padding:  1em;
    box-sizing: content-box;
    float: right;
    z-index: 9999;
}

但这并不能解决问题。

搜索框是一个 Wordpress 搜索小部件。

请问我该如何解决？

Answer 1

由于 float div .col-right-one-thirds 和 .col-left-，div .col-full 覆盖在标题之上三分之二

将 clear: both 添加到 .woocommerce-active .site-header .col-full

.woocommerce-active .site-header .col-full {
    position: relative;
    clear: both;
}