jquery-ui - Jquery UI 框架图标

Question

关于 Themeroller page ，jQuery UI 的作者表明，如果您使用某些关键字，则可以使用图标。例子:

<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close">
<span class="ui-icon ui-icon-circle-close">
</span>
</li>

这会在圆的中间创建一个漂亮的小 X，由一个带圆角和边框的框框起。

但是如果我的图标不在列表中怎么办？例如，如果它们在表格单元格中怎么办？

<td>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close">
<span class="ui-icon ui-icon-triangle-1-s"></span>
</li>
</td>

这有效，虽然它在技术上不正确，因为我没有打开和关闭

元素。

我用吗


<td class="showcities">
<span class="ui-state-default ui-corner-all" title=".ui-icon-circle-close">
<span class="ui-icon ui-icon-triangle-1-s">
</span>
</span>
</td>


如果是这样，css 应该是什么来定义 ui-corner-all 与 Themeroller 示例相同？

Answer 1

而不是跨度，使用 <div>在这里，像这样

<td class="showcities">
  <div class="ui-state-default ui-corner-all" title=".ui-icon-circle-close">
    <span class="ui-icon ui-icon-triangle-1-s"></span>
  </div>
</td>