文本框在chrome中的联系form7 wordpress中无法正常工作

Question

我在wordpress中使用联系表单7。

基本上，我有一个文本输入。有了这个，我在输入框上面临一个奇怪的问题。此行为仅在chrome中发生（我使用的是版本16.0.2）。

要重现此问题：

将焦点/光标放在输入框中并键入几个字符 没有将焦点从盒子中取出，再次单击文本输入框内部 尝试输入更多文本，没有任何显示 当我从文本框中悬停时包含文本框中的显示.. 再次单击文本框并尝试键入任何没有行为的东西而不从文本框中退出..

请帮帮我..

Answer 1

我可以在控制台中看到几个错误。请修复这些错误，然后检查表单功能。

您忘记包含bxslider核心插件但在script.js中调用它，您还必须检查themepunch革命滑块代码。

<强>更新

请从 wp-content / plugins / contact-form-7 / includes / css / styles.css 样式表中删除position:relative;样式，然后选中。由于position属性，我不确定为什么会出现这种情况！

Answer 2

首先，您在主题中包含3个核心Jquery文件...

所以我认为存在一个jquery冲突问题。

1). '/themes/learning-center/js/jquery.min.js' 
     (2 times, 1 in header & 2nd in footer)

2). '/wp-includes/js/jquery/jquery.js?ver=1.10.2'
     (this is in header, and coming from `wp_head` obviously )

请删除您的第一个jquery.min.js，然后重试......

希望在删除第一个.js ...

后才能正常工作

Answer 3

删除文本框的浮动。

.slider .form input {
   float: none !important;
}