javascript - 选择框应超出对话框的边缘

Question

我有一个对话框，其中有一个选择框，它应该超出对话框字段的边缘。选择框应延伸到底部之外。到目前为止，我只设法使底部的选择框消失。我使用选择的 jQuery 插件。

http://jsfiddle.net/Lsjs2/2/

<div id="dialog" title="Basic dialog">
<select id="chosen">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="VW">VW</option>
    <option value="Nissan">Nissan</option>
    <option value="audi">Audi</option>
</select>

Answer 1

试试这个CSS:

#dialog {
    overflow : visible;
}

.ui-dialog {
    overflow : visible;
}

View Fiddle Here

--编辑

Sari Alalem 是对的，这会影响其他对话。我能想到的不影响其他对话框的解决方案基本上是添加另一个带有溢出的类:可见或使用JavaScript更改#dialog(渲染对话框后)父级的css属性:

考虑到其他对话框，解决方案应该是

#dialog {
    overflow : visible;
}
$('#dialog').dialog().parent().css('overflow', 'visible');

Updated JSFiddle