Question

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

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

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

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

非常感谢任何帮助。：）

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

Third Combobox button height is not the same as others

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

来修复它

    element.style{
          height:33px;
    }

到锚标签哪个服务器作为按钮，但我不确定这是否是正确的做法。

编辑：可以找到jsfiddle链接here

Answer 1

如果你设置：

，你的小提琴效果很好

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

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

来自jQuery UI bug论坛：

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