如何设置维度jquery UI selectmenu?

How to set dimensions jquery UI selectmenu?

提问人:jiggy1965 提问时间:11/17/2023 最后编辑:jiggy1965 更新时间:11/17/2023 访问量:29

问:

我找不到专门设置jqueryUI选择菜单尺寸的方法。我希望它是 150x40px。我设法使用以下方法将其宽度设置为 150px:

$( "#brandstof" ).selectmenu({
  width: 150
});

但是由于那里没有“高度”选项(据我所知),然后我尝试使用此 css 将高度设置为 50:

.ui-selectmenu-button-closed,
.ui-selectmenu-button-open {
  border: 1px solid black !important;
  border-radius: 0 !important;
  color: #aaa !important;
  height:50px !important
}

这增加了高度,但太多了。然后它大约有 99px 高。选择菜单文本和图标都位于顶部,而不是垂直中心。

然后它看起来像这样:

enter image description here

宽度还可以,但高度大于设置的 50px。并且按钮文本和图标都不是垂直居中。

您可以在下面的 Codepen 中查看我附件:

jQuery SelectMenu 代码笔

jquery jquery-ui

评论


答: 暂无答案