阻止Trinidad在生成的CSS

时间:2016-09-12 09:13:54

标签: css oracle-adf trinidad

我正在开发Apache Trinidad 1.2.14项目。我需要在组件上做一些基本样式(在我的例子中tr:breadCrumbs)。我的问题是Trinidad不断添加甚至覆盖一些样式属性。

例如,我皮肤中的这条规则:

af|breadCrumbs { padding-bottom: 4px !important; }

在生成的CSS文件中呈现为:

.af_breadCrumbs { padding-bottom: 12px; display: table; }

我的皮肤正在扩展simple.desktop

<skin>
  <id>mySkin.desktop</id>
  <family>mySkin</family>
  <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
  <style-sheet-name>_skin/mySkin.desktop.css</style-sheet-name>
  <extends>simple.desktop</extends>
</skin>

这可能是物业的来源。

我甚至尝试使用-tr-inhibit: all,但这似乎不起作用。

  

-tr-inhibit例如af|foo {-tr-inhibit: padding; color: red}此css属性用于禁止/重置您从基础皮肤继承的css属性。

如何防止这种行为?

1 个答案:

答案 0 :(得分:0)

我有强烈的感觉这是一个错误。我能够使用以下规则解决它:

html af|breadCrumbs { padding-bottom: 4px; }

在生成的CSS文件中呈现为:

html .af_breadCrumbs { padding-bottom: 4px; }