在 Opencart 中使用某些扩展时 CSS 文件中的冲突答案

【问题标题】：Conflict in CSS files when using some extension in Opencart在 Opencart 中使用某些扩展时 CSS 文件中的冲突
【发布时间】：2023-03-22 18:22:01
【问题描述】：

我花钱请人使用 opencart 建立一个电子商务网站。他安装了一个快速结帐扩展程序，这对于为用户赢得时间非常有用。

我与 iyzico.com 作为虚拟 pos 提供商合作。我会为我网站上的每一次销售向他们支付佣金。

问题是 iyzico 系统无法使用该快速结帐插件。我无法在持卡人信息字段中选择或输入任何内容。当我禁用快速结帐插件时，iyzico 系统工作正常。

为我设置网站的人说与样式表存在冲突。我试图找到冲突，但找不到。我唯一能看到的是当我禁用模板 stylesheet.css 文件时，系统会使用快速结帐插件。

我怎样才能找到冲突？

网站地址：www.avkampmarketi.com（语言为土耳其语）

模板样式表：www.avkampmarketi.com/catalog/view/theme/stowear/css/stylesheet.css

Iyzico 样式表：https://www.iyzico.com/frontend/form/v1/css/style.css?ver=1.1.0

感谢您的宝贵回答。

【问题讨论】：

标签： html css opencart conflict

【解决方案1】：

如果不查看 JavaScript 本身或无法对其进行调试，则很难通过简单地比较样式表来评估问题。不过，我确实查看了样式表，并注意到您的主题样式表引用了几种不同的“类型”输入。这将向我表明存在使用这些输入类型的 JavaScript，并且样式表之间存在冲突，可能会向输入类型添加类，或者删除会阻止 iyzico 系统 javascript 工作的属性或样式，或者反之亦然。

我会首先在 Google Chrome 中打开网页，然后使用开发者工具来准确解读发生了什么。可能一个样式表会覆盖另一个样式表并破坏功能。然后，一旦你弄清楚什么被覆盖了，你就可以查看 JavaScript 以了解它为什么不起作用。一旦你找出问题所在，它可能就像更改类名、ID 或重写一些 JavaScript 一样简单，这样就不会发生冲突。

【讨论】：

感谢您的评论。我完全按照你说的做，但找不到与萤火虫的冲突。但是当我查看 iyzico css 时，所有的类或 id 名称都以 form#iyzico 标记开头。那他们怎么会冲突，我真的想不通。
这是标准，特别适用于旨在用作现有应用程序附加组件的 CSS 文件。这个问题听起来像是 CSS 文件中的输入元素，因为输入元素选择器不能加前缀。比较提到输入选择器的 CSS 文件。它看起来像这样... input[type="text"], input[type="password"] { } input, textarea, select { } input[type="text"]:focus, input[type= "密码"]:focus, textarea:focus, select:focus { }