【问题标题】:Small Black color Square box appears on the Google Chrome web browserGoogle Chrome 网络浏览器上出现黑色小方块
【发布时间】:2016-05-20 09:35:52
【问题描述】:

我正在使用 wordpress 网站,其中有用于发布查询的插件。我已经安装了一个名为 real-simple-captcha 的插件。

在查询插件中有一个用于描述消息的文本区域字段。

当我在 google chrome 浏览器上查看我的网站时,网页上会出现一个“黑色小方块”,并且这个“黑色小方块”也会出现在所有其他页面的不同位置。

但是当我在其他浏览器(如 Mozilla Firefox、Internet Explorer、Opera 浏览器)上查看时,网页上没有黑色方块。

这个黑色方框正在影响我网页的外观。 任何人都可以帮助找到这个问题的解决方案。

提前致谢。

【问题讨论】:

  • 在这个元素上的 Chrome 上获取一个 Inspect 元素,看看这是什么,复制那个元素代码并更新你的答案。
  • 显示代码,如果可能的话,也发布实时链接

标签: html css wordpress google-chrome


【解决方案1】:

找到问题了,在网站的CSS中,用CTRL+F查找

-webkit-resizer。删除整个样式,您的问题就会消失。

例子:

-webkit-resizer {

background-color:#666;     //REMOVE THIS SECTION OF CODE FROM YOUR CSS        
cursor:pointer;}

【讨论】:

  • 我的答案是基于编辑检查器控制台并且它有效,如果你有任何运气,请告诉我。
  • 感谢史蒂夫,它工作正常。你能告诉我这个错误的原因吗?它有助于我了解此错误的原因。
  • 至于真正的原因我无法解释对不起,我其实不知道。我的猜测可能与 wordpress 主题及其生成样式的方式有关。我发现错误的方法是我检查了附近区域中的元素
  • 我可能会补充一点,-webkit-resizer 是用户更改文本框大小的调整大小。我相信是你的消息框导致了这个问题,但它仍然不应该单独应用额外的样式,我希望这会有所帮助。您可能希望这样做,以便用户无法使用鼠标更改此框的大小,除非这是您的意图。
猜你喜欢
  • 2010-10-11
  • 1970-01-01
  • 2023-03-19
  • 2014-04-16
  • 1970-01-01
  • 2021-06-30
  • 2012-10-30
  • 2013-11-30
  • 1970-01-01
相关资源
最近更新 更多