编辑填充 x-data-item-inner [关闭]

Posted 2023-02-25

【中文标题】编辑填充 x-data-item-inner [关闭]

【英文标题】：Edit Padding x-data-item-inner [closed]

【发布时间】：2013-07-23 14:48:07

【问题描述】：

看一下截图。

煤炭和丙烷项目在 Ext.dataview.dataview 中使用组件进行显示。

煤以蓝色和绿色突出显示。绿色是

的内边距。

我在 css（突出显示的行）中发现了上述

和应用于元素的 css 类。

我尝试以这种方式覆盖这些类

.x-inner .x-data-item-inner

    padding: 1px 10px 1px 10px !important;
;

很遗憾，它没有用。我该怎么做？

数据视图代码

【问题讨论】：

您可以改为发布您要覆盖的选择器吗？

我不知道选择器是什么，也不知道如何找到它。 :S 我不想只编辑 Carbon-item，我想编辑列表中的每一项。

贴出你的数据视图的实际配置。

什么配置，你说的是Sencha Architect中的配置浏览器？数据视图背后的代码？

我只是指您用来创建数据视图的代码。 IMO，您发布的屏幕截图基本上无法查看您实际想要完成的工作。

【参考方案1】：

你有没有“;”在您的代码末尾，就像在您的邮政编码中一样？如果是，您必须将其删除！

再见！

.x-inner .x-data-item-inner

    padding: 1px 10px 1px 10px;

【讨论】：

所以这个类可能是添加了一些 JS。在您的浏览器中查看特定代码部分的源代码。是同一个班吗？

我尝试替换框架的css中的css。我什至找不到它，又大又乱，他们显然喜欢使用！重要

【参考方案2】：

所以，

你能用 !important 测试吗：

.x-inner .x-data-item-inner

    padding: 1px 10px 1px 10px !important;

再见

【讨论】：

已经完成，仍然没有结果：S

【参考方案3】：

发现了问题，有一个非常具体的属性设置为 10px 填充，它覆盖了所有内容，并且由于它是一个自定义属性，所以 sencha 将 !important 覆盖任何其他 !important 因为它的特殊性。