问题 jQuery UI Icon系统是否有一个“空”图标 - 一个没有图像?


听起来有点像一个愚蠢的问题,但它是一个很好的功能。

jQuery UI Icon系统是否有一个“空”图标 - 一个没有图像?

我是否被迫在ui-icon-empty上做一些自定义样式并将背景移动到图表外的精灵区域?


11519
2018-05-24 21:13


起源

只是一个想法,你为什么不把它作为背景:没有? - Kerry Jones
我想不,但你可以在这里查看: jqueryui.com/themeroller - Luca Filosofi
@Kerry - 我创建了一个ui-icon-empty类来实现这一点,但我认为如果它默认出现就会很好。这是因为1.8中的Button工具有一个错误,如果你清空图标,它仍然有间距。我想让它卡在相同的宽度以避免这个问题,这就是为什么我需要ui-icon-empty。 - knowncitizen


答案:


如果你查看jquery ui主题提供的css文件,你会发现一个名为的类:

ui-icon-blank

您可以使用相同的空白图标。

谢谢 ...

TC


4
2017-09-11 13:36





我刚刚创建了一个 .ui-icon-empty { background:none } 并通过按钮工具调用:

$(selector).button({icons:{primary: 'ui-icon-empty'}})

它工作,但看起来很不稳定。如果在ui.base中有一个ui-icon-empty,那就太棒了


6
2018-05-27 16:03



我需要这样做来覆盖.ui-icon默认值: .ui-icon-none.ui-icon { background-image: none; } (完全一样,没有间距) - Jason Kleban


如果您在列表中使用锚点并想要删除图标,请在列表标记中添加“data-icon ='false'”以删除图标。

<li data-icon="false">
    <a href="#">Label</a>
</li>

1
2018-05-29 19:49