Jquery ui 用于文本框和下拉列表的jqueryui

Jquery ui 用于文本框和下拉列表的jqueryui,jquery-ui,styles,Jquery Ui,Styles,该网站介绍了如何设置按钮、收音机和复选框的样式 这可以通过以下方式实现: $(".saveButton").button( { icons: { primary: "ui-icon-disk" } }); 那么为什么不使用文本框和下拉列表呢?我可以将按钮式样式应用于文本框和下拉列表吗。我想您的问题的逻辑答案是,小部件称为“按钮”,而不是“表单元素”。然而,对于自动完成小部件,您可能会发现有一个有用的方法。这是另一个带有组合框的演示页面,但没有自动完成: 你也可能会发现

该网站介绍了如何设置按钮、收音机和复选框的样式

这可以通过以下方式实现:

$(".saveButton").button(
{
    icons: {
     primary: "ui-icon-disk"
    }
});

那么为什么不使用文本框和下拉列表呢?我可以将按钮式样式应用于文本框和下拉列表吗。

我想您的问题的逻辑答案是,小部件称为“按钮”,而不是“表单元素”。然而,对于自动完成小部件,您可能会发现有一个有用的方法。这是另一个带有组合框的演示页面,但没有自动完成:

你也可能会发现这是有用的;这是一个jQueryUI插件


对于文本框,您可以简单地重用中的一些类


这里有几个例子:。

此外,下拉列表与链接、div或其他更简单的html元素(表单或其他)不同,它们在浏览器中的呈现往往有默认的“低级”实现。因此,要改变他们的外表要困难得多。这就是为什么下拉列表不会分解为更简单的元素,即它不是一个旁边有按钮的文本框,而是一个完整的“东西”/“控件”

不过,您可以重新获得控制权(但我通常会说,使用从浏览器中获得的内容通常会更好,因为您可以看到,完全控制此类元素的样式并不简单

更多信息请参阅参考资料,例如