使用没有按钮的UI Icon-sprites?

时间:2011-05-05 18:49:55

标签: jquery css jquery-ui

是否有使用jquery-ui图标精灵的标准方法而不将它们附加到按钮上?

它们很容易使用。例如,将类'ui-icon-circle-arrow-e'附加到任何展开的链接和'ui-icon-circle-arrow-s'处于展开状态。但这些感觉就像黑客一样,我是jquery(-ui)库的新手,我只想尝试建立一些最佳实践。我在这里和谷歌做了一些搜索没有真正明确的答案。

2 个答案:

答案 0 :(得分:5)

是的,所有图标都是通过此处文档中提到的类添加的:ui-theming

<span class="ui-icon ui-icon-circle-plus"></span>

jQuery UI还将根据容器的状态调整图标 - 主要用于错误/默认状态。

这是jsfiddle调整图标以在文本中显示内嵌 - 无论您想要什么,都可以灵活地使用它。

答案 1 :(得分:1)

你几乎已经钉了它。所有的图标都在css中被归类为您的乐趣。