css - 我的搜索在主页上有效，但在其他页面上无效

Question

我有一个网站。我在 Logo 旁边的顶部使用了搜索栏。每当我们输入内容时，搜索都会起作用并被重定向到适当的页面，但在视频播放页面中，或者您可以说在任何其他页面上搜索不起作用。

首先，在主页上尝试它，它有效。

http://www.trueflick.com

在类似这样的任何其他页面或视频播放页面上，它将不起作用。

trueflick.com/videos/277/6-dreamcast-facts-which-makes-it-awesome-factsurgery/

虽然代码是一样的。这是 CSS 文件中使用的 CSS 代码。

#search {

}

#search input[type="text"] {
    background: url(search-white.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #000;
    width: 150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus {
    width: 300px;
    }

Answer 1

您有多个具有匹配 ID ( search ) 以及 input 的表单具有匹配名称 q 的 s .去掉页面下方的第二个(或重命名 form 和 input 元素)

我在 Chrome 中对此进行了测试，并在删除冲突节点后能够进行搜索。

不要忘记您的收尾</form>每次。