Jquery UI - 组合框按钮高度问题

Question

我们正在使用根据我们的需求定制的 jquery UI 自动完成小部件，可以说它是此处看到的组合框小部件的扩展。 jquery combobox widget 。

将小部件应用于页面上的三个选择元素，出现一个奇怪的问题，如下面的附件所示。

按钮高度与输入字段高度不同。

使用开发控制台定位按钮将为所有三个按钮获取相同的样式:(

任何帮助将不胜感激。 :)

P.S:这个问题是随机出现的，有时是第二个元素，有时是第三个元素。

编辑:这可能是自定义 CSS 或 jquery 库 CSS 的问题，因为我可以通过添加

来修复它

    element.style{
          height:33px;
    }

到作为按钮的 anchor 标记，但我不确定这是否是正确的做法。

编辑:jsfiddle 链接可以找到 here

Answer 1

如果你设置的话，你的 fiddle 就会工作得很好:

.custom-combobox-input {
    margin: 0;
    padding: 0.4em;
}

我认为这与Webkit在这种情况下如何考虑十进制em有关，但必须更深入地研究它。

来自 jQuery UI 错误论坛:

The combobox is just a demo, it's not a fully complete widget. We won't maintain functionality beyond our demo unless we pull combobox in as an official plugin that we support.

链接:http://bugs.jqueryui.com/ticket/6133

演示:http://jsfiddle.net/IrvinDominin/WU9v9/