【问题标题】:Edit Padding x-data-item-inner [closed]编辑填充 x-data-item-inner [关闭]
【发布时间】: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,您发布的屏幕截图基本上无法查看您实际想要完成的工作。

标签: css extjs sencha-touch sencha-touch-2


【解决方案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 因为它的特殊性。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-06-21
    • 2020-05-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多