也许我遗漏了什么，但在阅读了 jQuery UI 文档之后，我没有看到任何有关将主题样式应用于普通小部件的内容，例如输入和选择标签。调用后button()在按钮和 datepicker() 上在将选择日期的输入标签上，我是否应该将普通文本区域和输入包装在 <div class="ui-widget"> 中？提供一个外观一致的样式，或者给它们一个特定的 css 类，或者在文档加载时调用一个函数来设置其他所有样式？
最佳答案
jQuery UI 主题与您将使用的任何其他 CSS 文档一样工作。如果您在特定元素上有一组样式，通常您需要做的就是将定义您想要的样式的类添加到相关元素。
困难的部分在于，根据浏览器的不同，许多表单元素的样式化程度差异很大。特别是，Internet Explorer 使用 native 操作系统表单控件，它们从操作系统主题设置中获取默认样式，而其他浏览器(如 Chrome 和 Firefox)使用它们自己的表单控件集并拥有自己的默认样式设置。
在许多情况下，jQuery UI 小部件所做的是隐藏默认的表单元素，然后用更具样式的元素替换它们，例如 <div> 的结构。 s，可以设置样式以模仿实际的表单元素。这些假结构还附加了 javascript 事件处理程序来捕获输入并将其代理回实际的表单元素，并在它们自身内呈现。
因此，简而言之，将 jQuery UI 样式应用到表单元素有时就像应用主题类一样简单，或者有时就像必须模仿实际表单元素一样痛苦。这完全取决于您的目标浏览器和您要应用的样式。
关于css - 如何将 jQuery UI 样式应用于普通表单元素，例如输入和选择标签？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7794650/