Question

网站http://jqueryui.com/demos/介绍了如何设置按钮，收音机和复选框的样式。

可以通过

来实现

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

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

Answer 1

我想你的问题的逻辑答案是，小部件被称为“按钮”，而不是“表单元素”。但是，自动完成窗口小部件有combobox demo，您可能会发现它很有用。这是另一个没有自动完成功能的组合框的演示页面：http://jonathan.tang.name/files/jquery_combobox/demo.html。

您可能还会发现jQuery UI MultiSelect Widget有用;它是一个jQuery UI插件。

对于文本框，您可以简单地重用jQuery UI CSS framework中的某些类。

请在此处查看几个示例：http://jsfiddle.net/william/gJh2d/1/。

Answer 2

此外，下拉列表不像链接或div或其他更简单的html元素（表单或其他），它们倾向于在浏览器中使用默认的“低级”实现进行渲染。所以改变他们看起来的方式要困难得多。这就是为什么下拉列表不会分解为更简单的元素，即它不是一个带有按钮旁边的文本框，它本身就是一个完整的“东西”/“控件”。

然而，你可以回收控制（但我通常会说通常更好地使用你从浏览器获得的内容，因为你可以看到完全控制这些元素的风格并不简单。

更多信息，请参阅例如enter link description here

jqueryui用于文本框和下拉列表

2 个答案: