css - 控制jQuery-ui Autocomplete的动态定位

Question

所以我试图理解为什么 jQuery-ui 的自动完成功能(使用 appendTo 将结果下拉列表附加到 div)仍然使用绝对定位动态定位结果。像这样:

top: 38px;
left: 8.5px;
width: 251px;

创建问题，例如:

我可以关闭这个动态定位吗？我想完全控制 UI 以实现流畅的响应和自定义样式。我在网上找不到答案。

更新:所以似乎每个小部件都有不同的规则，这是正确的吗？我通过

计算出 jQuery-ui 对话框弹出窗口的响应宽度

$("#dialog").dialog({ width: auto });

& 在我的样式表中，将最大宽度应用于包装对话框类。

.ui-dialog{
  max-width: 720px;
}

然而，到目前为止，top 和 left 仍然是个谜。

Answer 1

您可以通过编辑 jQuery UI CSS 文件或在您自己的 CSS 中覆盖它来更改使用的 CSS，例如:

ul.ui-autocomplete { width: 250px !important; max-height: 300px; overflow-y: scroll; overflow-x: none; }