如何将CSS类重写为Liferay SearchContainer？

Question

使用Liferay 6.2 portlet将搜索容器显示在JSP页面中。是否可以覆盖SearchContainer CSS类？

我设置了一个简单的CSS类：

.green_background {
    background-color: #7AF20A;
}

我尝试将它应用于SearchContainer列：

<liferay-ui:search-container-column-text  property="incFg_isClosed" name="Type" cssClass="span1 green_background "  orderable="true" orderableProperty="incFg_isClosed" />

它不会覆盖搜索容器类。

Answer 1

你需要通过顶级css类aui开始你的Css引用，否则它将被覆盖，检查liferay-documentation

.aui .green_background {
    background-color: #7AF20A;
     }

Answer 2

关注css级联规则和预设bootstrap / liferay样式。 使用更精确的css规则。

.aui .table-striped tbody>tr>td.green_background {
    background-color: #7AF20A;
}