Javascript JQueryUI/SelectMenu-底部出现意外填充
我有以下Javascript JQueryUI/SelectMenu-底部出现意外填充,javascript,jquery,html,css,jquery-ui,Javascript,Jquery,Html,Css,Jquery Ui,我有以下HTML代码,它使用JQuery/JQueryUI 我需要去掉附件图像上的底部填充部分(红色区域) 这里有相应的JSFiddle: $(函数(){ $(“选择”).selectmenu(); }); 选择1 选择2 您的伪select aka下拉列表是内联块元素,所以您的空格就是空白。如果您为此假输入设置display:block,ui-selectmenu按钮ui-widget-ui-state-default-ui-corner-all,它将删除不需要的空间 您可以通过以下样式
HTML
代码,它使用JQuery
/JQueryUI
我需要去掉附件图像上的底部填充部分
(红色区域)
这里有相应的JSFiddle
:
$(函数(){
$(“选择”).selectmenu();
});代码>
选择1
选择2
您的伪select aka下拉列表是内联块
元素,所以您的空格就是空白。如果您为此假输入设置display:block
,ui-selectmenu按钮ui-widget-ui-state-default-ui-corner-all
,它将删除不需要的空间
您可以通过以下样式应用它:
.td > .ui-selectmenu-button {
display: block;
}
如果这不会覆盖现有样式,请添加!重要信息
额外的填充是因为jQueryUI样式表将.ui selectmenu按钮
元素呈现为显示:内联块
,在样式化的选择菜单下添加了一些空白。要解决此问题,请覆盖该样式并设置display:block代码>:
$(函数(){
$(“选择”).selectmenu();
});代码>
table.ui选择菜单按钮{display:block;}
选择1
选择2
也许只需删除背景色
prop?不,这只是问题的一个指标。上面的片段代码是一个非常大的代码的一部分。我只是简化了它,让你更容易理解我的意思。