更改Dojo过滤的大小通过XPage中的CSS选择

Question

我只想通过CSS更改Dojo Filtering Select设计元素的大小。 我尝试过手动或CSS文件。那没起效。

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

Answer 1

您只需要覆盖dijitTextBox CSS类。

您可能需要使用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;
}