我们正在使用根据我们的需求定制的 jquery UI 自动完成小部件,可以说它是此处看到的组合框小部件的扩展。 jquery combobox widget 。
将小部件应用于页面上的三个选择元素,出现一个奇怪的问题,如下面的附件所示。
按钮高度与输入字段高度不同。
使用开发控制台定位按钮将为所有三个按钮获取相同的样式:(
任何帮助将不胜感激。 :)
P.S:这个问题是随机出现的,有时是第二个元素,有时是第三个元素。
编辑:这可能是自定义 CSS 或 jquery 库 CSS 的问题,因为我可以通过添加
来修复它 element.style{
height:33px;
}
到作为按钮的 anchor 标记,但我不确定这是否是正确的做法。
编辑:jsfiddle 链接可以找到 here
最佳答案
如果你设置的话,你的 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.
关于Jquery UI - 组合框按钮高度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18272791/