ionic2自定义radio样式

Posted 吉喆吉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic2自定义radio样式相关的知识,希望对你有一定的参考价值。

刚开始以为用的是字体图标,结果翻了代码一看竟然是通过纯css实现的,图标模式用的是ios,代码如下:

.radio-ios .radio-checked {
    margin: 0;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    background-color: color($colors, primary);

    .radio-inner {
        border-color: color($colors, clear);
        left: 8px;
    }
}

对比图:

以上是关于ionic2自定义radio样式的主要内容,如果未能解决你的问题,请参考以下文章

[ HTML5 表单样式 checkbox | radio ] 自定义checkbox 与radio样式实现思路

自定义radio/checkbox样式

自定义 radio 样式(微信小程序)

小程序: 自定义 -- 单选radio多选checkbox的样式

input[type="radio"]自定义样式

自定义样式的checkbox, radio