css - Primefaces:如何更改布局切换器位置

Question

我正在尝试将 North Layout 切换器从屏幕的左侧放置到右侧(折叠时)。

我都试过了

.ui-layout-toggler-north {
    position: absolute;
    right: 0px !important;
}

和

.ui-layout-toggler {
    position: absolute;
    right: 0px !important;
}

但它不起作用。 !important 没有覆盖原始的 div 格式，原始代码中的“left: 0px”是事件格式。

<div id="j_idt8-toggler" class="ui-layout-toggler ui-layout-toggler-north ui-layout-toggler-closed ui-layout-toggler-north-closed" title="Open" style="position: absolute; ... height: 25px; **left: 0px;** top: 0px;">

有什么办法可以改变吗？

Answer 1

找到了。这些标签只需要用“左”标签覆盖，就像这样:

.ui-layout-toggler-north, .ui-layout-toggler-south{
    position: absolute;
    left: 97% !important;
}