php - Magento 2 override page builder CSS with custom theme

Question

我们正在将我们的 Magento 从 2.2.9 升级到 Magento 2.3.2，其中包括页面构建器。我们正在使用一个包含我们较少文件的自定义主题。Magento 在“页面构建器”中添加了一个新类（“页面构建器”是一个模块 - 在 magento 后端用于 cms 工作的所见即所得）CSS 样式现在已经打破了我们当前的自定义样式。添加的新 Magento 代码是

a.button {
  -moz-appearance: button;
  -webkit-appearance: button;
  appearance: button;
  color: inherit;
  padding: 10px;
  text-decoration: none;
}

这个文件是：供应商/magento/module-page-builder/view/frontend/web/css/source/content-type/slider/_default.less

但是，这种样式的添加破坏了我主题上现有的按钮。

我在 app/design/frontend/{CompanyName}/site/web/css/source/{ThemeName}/_pagebuilder.less 添加了一个新的 less 文件，我的主题 _extend.less 文件引用了该文件

我的新 less 文件正在编译，它被添加到堆栈中。我的少看起来像这样：

a.button{
  padding: 0 39px !important;
  -webkit-appearance: button !important; 
}

请注意，我没有样式：

 color: inherit;

这种风格打破了我现有的按钮。

我期待 Magento 2 样式根本不会呈现，因为我将自定义 less 添加到主题 _extend.less 文件中，但是我的主题样式和 Magento 样式都在浏览器中呈现。我期望只呈现我的自定义样式，而不是我的样式和 Magento 样式。

标签： phpcssmagentolessmagento2