如何将CSS类覆盖到Liferay SearchContainer中？

Question

使用Liferay6.2portlet将搜索容器显示到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;
}