在 XPages 中通过 CSS 更改 Dojo 过滤 Select 的大小

Question

我只想通过 CSS 更改 Dojo 过滤 Select 设计元素的大小。我试过手动或 CSS 文件。它不起作用。

<xe:djFilteringSelect id="djselect1" value="#{document1.Language}" style="min-height: 8px;height:8.px;"></xe:djFilteringSelect> 任何建议都很重要
Cumhur Ata

Answer 1

您只需覆盖 dijitTextBox CSS class。

您可能需要使用 CSS 特异性来确保 CSS 被拾取（而不是使用 !important）。

这是一个简单的例子：

.dijitTextBox {
    width: 40px;
    height: 8px;
}

Answer 2

当您使用 Bootstrap 主题时，您也需要调整箭头按钮。

这对我有用：

.dbootstrap .dijitTextBox {
    height: 24px;
}
.dbootstrap .dijitComboBox .dijitButtonNode.dijitArrowButton {
    height: 22px;
}
.xsp.dbootstrap .dijitInputContainer {
    padding-top: 0px;
}
.dbootstrap .dijitComboBox input.dijitArrowButtonInner {
    margin-top: -3px;
    margin-left: -5px;
}
.dbootstrap .dijitMenuItem {
    padding: 0px 10px;
}

在 XPages 中通过 CSS 更改 Dojo 过滤 Select 的大小

Changing size of Dojo Filtering Select via CSS in XPages

dojo

xpages