css - 调整 iCheck JQuery 单选按钮的大小

Question

我正在使用 iCheck Plugin对于使用 Angular Directive 的单选按钮，但我无法调整单选按钮的大小，因为我需要小尺寸的单选按钮。

任何人都可以帮忙吗？

Answer 1

iCheck 看起来不像是为允许大小更改而构建的。这些类为按钮样式覆盖引用 png Sprite 。 icheck 文件夹中有 2x png 图像 Sprite ，但看起来它们是用来处理高 DPI 显示的。

最好的办法是使用 photoshop 创建额外的 png Sprite 。然后将新的样式定义添加到现有的或新的 css 文件中。新样式将引用更大的 png 文件。您必须调整高度、宽度和位置以适应您的新尺寸。

我还没有尝试过这个，但我可能很快就会做类似的事情，这样我就可以为移动设备提供一个更大的 iCheck 单选按钮。在我的例子中，我可能会使用媒体查询，因此它会相应地调整 iCheck 的大小。