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

【问题标题】：Jquery UI - Combobox Button Height IssueJquery UI - 组合框按钮高度问题
【发布时间】：2013-08-16 11:56:56
【问题描述】：

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

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

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

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

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

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

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

    element.style{
          height:33px;
    }

到服务器作为按钮的锚标记，但我不确定这样做是否正确。

编辑：可以找到 jsfiddle 链接here

【问题讨论】：

只有图片是不可能帮你的；尝试在 jsfiddle 或其他地方制作一个演示
@IrvinDomininakaEdward 添加了 jsFiddle... 但我认为人们可能会在使用 chrome 的官方 jquery UI 组合框链接中看到它。
在 Mac 版 Safari 上运行良好，我正在检查原因
有任何建议/cmets/reveleations/discoveries 吗？ :)

【解决方案1】：

如果你设置，你的小提琴效果很好：

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

我认为这与 Webkit 在这种情况下如何考虑十进制 em 相关，但必须对其进行更深入的调查。

来自 jQuery UI 错误论坛：

组合框只是一个演示，它不是一个完整的小部件。我们除非我们拉出组合框，否则不会保留我们演示之外的功能作为我们支持的官方插件。

【讨论】：