我有一个网站。我在徽标旁边的顶部使用了搜索栏。每当我们输入内容时,搜索都会有效,并被重定向到相应的页面,但是在视频播放页面中,或者您可以在任何其他页面上说搜索无效。
首先,在主页面上试一试,然后就可以了。
在这样的任何其他页面或视频播放页面上都无效。
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;
}
答案 0 :(得分:0)
您有多个具有匹配ID的表单(search
)以及匹配名称为input
的{{1}}。摆脱页面下方的第二个(或重命名q
和form
元素)
我在Chrome中对此进行了测试,并且在删除了冲突节点后能够进行搜索。
不要忘记每次关闭input
。