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>

这是有效的，虽然它在技术上并不正确，因为我没有开启和关闭＆lt; UL＆GT;元件。

我使用

吗？

<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-与Themeroller示例一样？

Answer 1

而不是span，请在此处使用<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>

Jquery UI框架图标

1 个答案: