jqueryui 用于文本框和下拉列表

发布于 2024-12-04 01:42:25 字数 310 浏览 2 评论 0原文

网站 http://jqueryui.com/demos/ 描述了如何设置按钮、单选按钮和复选框的样式。

它可以通过以下方式实现

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

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

The site http://jqueryui.com/demos/ describes how to set styles for buttons, radios, and checkboxes.

It can be achieved by

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

So why not TextBoxes and DropDownLists? Can I apply the button like style to text boxes and drop down lists.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

Smile简单爱 2024-12-11 01:42:25

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

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


至于文本框,您可以简单地重用 jQuery UI CSS 框架 中的一些类。

请参阅此处的几个示例:http://jsfiddle.net/william/gJh2d/1/

I suppose a logical answer for your question is that, the widget is called "button", not "form element". There is, however, a combobox demo for the autocomplete widget, that you might find useful. Here's another demo page with the combobox without autocomplete: http://jonathan.tang.name/files/jquery_combobox/demo.html.

You may also find the jQuery UI MultiSelect Widget useful; it's a jQuery UI plugin.


As for text boxes, you can simply reuse some classes in the jQuery UI CSS framework.

See a couple of examples here: http://jsfiddle.net/william/gJh2d/1/.

真心难拥有 2024-12-11 01:42:25

此外,下拉列表不像链接或 div 或其他更简单的 html 元素(表单或其他),它们往往在涉及渲染的浏览器中具有默认的“较低级别”实现。因此,改变他们的外表要困难得多。这就是为什么下拉列表不会分解为更简单的元素,即它不是一个旁边带有按钮的文本框,它本身就是一个完整的“事物”/“控件”。

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

更多信息请参阅资源,例如 在此处输入链接说明

Also, dropdown lists are not like links or divs or other simpler html elements (form or otherwise) they tend to have default "lower level" implementations in the browser involved with their rendering. So its much harder to change the way they look. That's why a drop down list doesn't break down to simpler elements i.e. its not a textbox with a button next to it, its a complete "thing" / "control" in itself.

However, you can reclaim control (but I'd generally say usually better to work with what you get from browser here as you can see its not simple to fully control the style such elements.

More info see resources such as e.g. enter link description here

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文