Question

在我的应用程序中，我使用全局定义CSS“INPUT”，“SELECT”等等。当我尝试使用KendoUI小部件时，我遇到格式化问题 - KendoUI小部件使用我的默认样式CSS。

例如我使用：

.m-forms SELECT,
.m-forms TEXTAREA,
.m-forms INPUT[type=text] {
...
}

我尝试解决这个问题：

.m-forms :not([class^="k-widget"]) SELECT,
.m-forms :not([class^="k-widget"]) TEXTAREA,
.m-forms :not([class^="k-widget"]) INPUT[type=text] {
...
}

但这不起作用。如何在KendoUI小部件中禁用我的默认样式？我的示例DOM树是这样的： my page source code

Answer 1

KendoUI总是在应用程序运行时注入这些类。因此，如果您不喜欢默认颜色，可以使用颜色覆盖它。因此，您创建一个css文件并将其包含在页面中。只需确保您的css文件是KendoUI css之后的文件。在运行KendoUI css之后，你的css将覆盖KendoUI的css

然后用你的选择覆盖，例如

.m-forms :not([class^="k-widget"]) SELECT,
.m-forms :not([class^="k-widget"]) TEXTAREA,
.m-forms :not([class^="k-widget"]) INPUT[type=text] {

  color: #FFFFFF;
  padding: 30px;
  font-size: 10px;
}

如何禁用KendoUI中的默认css？

1 个答案: