jQuery ui selectmenu垂直位置偏移(相对于这一行的按钮)

jQuery ui selectmenu vertical position offset (relatively to buttons in this line)

在我的表单中,我将控制元素放在一行中:按钮、select 框、复选框。从逻辑上看是对的。但是自从我开始使用 jQuery UI 后,我看到了 select 框的奇怪垂直方向。 这是来自 jquery-ui 站点的示例,稍微缩短了一点:https://jsfiddle.net/Tertium/z829pay7

  $(function() {
    $( "#speed" ).selectmenu( { width: 200});
    $( "#files" ).selectmenu({ width: 200});
    $( "#but1" ).button();
    $( "#but2" ).button();

    });

在 jquery 1.11.2 和 1.10.2 上测试,jquery-ui:1.11.3,所有 settings/css 默认。 我怎样才能让他们排成一行或至少在中间对齐?尝试了平移、边距、div、table - 完全没有效果。

并截图以防万一:

您可以在 select 菜单和按钮上使用 vertical-align : middle; 来垂直对齐它们:

JSFIDDLE