Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQueryUI/SelectMenu-底部出现意外填充_Javascript_Jquery_Html_Css_Jquery Ui - Fatal编程技术网

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?不,这只是问题的一个指标。上面的片段代码是一个非常大的代码的一部分。我只是简化了它,让你更容易理解我的意思。