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

标签 css angularjs icheck

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

任何人都可以帮忙吗?

最佳答案

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

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

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

关于css - 调整 iCheck JQuery 单选按钮的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32863390/

相关文章:

javascript - 我在 AngularJS 中有两个具有相同 ng-controller 的 div,如何让它们共享信息?

jquery - 选中的 Ajax 复选框不起作用

jquery - 克隆 iCheck Box 失败

css - 两个高度相同的div

javascript - Angular 中的 Controller 级安全性

css - Bootstrap Carousel - 如何在幻灯片之间慢慢淡入淡出

javascript - AngularJS错误: [$injector:modulerr]

javascript - jQuery i-Check 插件相同的类名 - 检索两个不同的值

javascript - 隐藏/显示 div 最重要的是回来

python - selenium.common.exceptions.InvalidSelectorException : Message: An invalid or illegal selector was specified