Google Chrome 网络浏览器上出现黑色小方块

Posted 2023-03-06

【中文标题】Google Chrome 网络浏览器上出现黑色小方块

【英文标题】：Small Black color Square box appears on the Google Chrome web browser

【发布时间】：2016-05-20 09:35:52

【问题描述】：

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

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

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

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

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

提前致谢。

【问题讨论】：

在这个元素上的 Chrome 上获取一个 Inspect 元素，看看这是什么，复制那个元素代码并更新你的答案。

显示代码，如果可能的话，也发布实时链接

【参考方案1】：

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

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

例子：

-webkit-resizer 

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

【讨论】：

我的答案是基于编辑检查器控制台并且它有效，如果你有任何运气，请告诉我。

感谢史蒂夫，它工作正常。你能告诉我这个错误的原因吗？它有助于我了解此错误的原因。

至于真正的原因我无法解释对不起，我其实不知道。我的猜测可能与 wordpress 主题及其生成样式的方式有关。我发现错误的方法是我检查了附近区域中的元素 并检查了它的所有样式，最后我找到了看起来非常相似的颜色属性，我删除了它，它去了离开。

我可能会补充一点，-webkit-resizer 是用户更改文本框大小的调整大小。我相信是你的消息框导致了这个问题，但它仍然不应该单独应用额外的样式，我希望这会有所帮助。您可能希望这样做，以便用户无法使用鼠标更改此框的大小，除非这是您的意图。