如何将jQuery Combobox设置为正常的选择下拉列表

Question

我在遗留代码库中使用jQuery 1.4.4和jQuery UI 1.8.7。

我添加了一些组合框（）ui-widget，这些组合框沿着正常的<select>下拉列表生活。

我发现很难让两个元素看起来一样，即没有样式<select>的基于Internet Explorer / Windows的风格和最基本的jQuery UI主题ui-widget组合框。

屏幕截图显示左侧有一个没有样式的<select>，右侧有一个jQuery ui-widget组合框：

是否可以使两者看起来相同？

Answer 1

是的，但您需要调整jQuery UI主题以匹配系统默认的组合框。话虽如此，这不是一个好方法，因为默认情况取决于您的浏览器运行的操作系统，所以如果您想在整个应用程序中保持一致的下拉，请在所有这些上使用jQuery UI，因为这样你可以完全控制演示文稿的所有方面，而无需担心浏览器运行的不同平台。

Answer 2

使它们看起来相同的最简单方法是拍摄渲染下拉按钮的屏幕截图并将其放在jQuery下拉列表的旁边。然后，您可以轻松应用border以匹配CSS。