Fatal编程技术网
  • css/
  • Css 更改ion复选框内复选标记的颜色

Css 更改ion复选框内复选标记的颜色

css checkbox ionic-framework colors less

Css 更改ion复选框内复选标记的颜色,css,checkbox,ionic-framework,colors,less,Css,Checkbox,Ionic Framework,Colors,Less,我正在尝试更改离子复选框内复选标记的颜色。复选框背景为白色，复选标记为白色，以使复选标记为黑色而非白色。这就是我目前所拥有的 .checkbox图标：：之前{ 背景色：白色！重要； } .checkbox图标：：之后{ 颜色：黑色！重要； } {{list.modifier_options[0].name} 我很确定您实际上必须使用边框颜色来调整复选标记颜色 因此，这里要澄清的是您可以做什么： 在您的中添加您自己的自定义复选框的自定义类，然后对该类执行以下操作： .custom-checkb

我正在尝试更改离子复选框内复选标记的颜色。复选框背景为白色，复选标记为白色，以使复选标记为黑色而非白色。这就是我目前所拥有的

.checkbox图标：：之前{
背景色：白色！重要；
}
.checkbox图标：：之后{
颜色：黑色！重要；
}

{{list.modifier_options[0].name}
我很确定您实际上必须使用
边框颜色来调整复选标记颜色

因此，这里要澄清的是您可以做什么：

在您的
中添加您自己的
自定义复选框的自定义类，然后对该类执行以下操作：


.custom-checkbox .checkbox-icon:after {
    border-color: //whatever you like it to be
}



这将在选中复选标记时更改其颜色。
可以用于更改
颜色的一些css属性是


  --checkmark-color: black;
  --background-checked: white;
  --border-color: black;
  --border-color-checked: black;



您可以在
上的每更改
边框颜色
中找到更多信息。复选框内部
。复选框内部
我必须将该类添加到html中，还是它是为ion checkbox@Michaelcoker内置的类对不起，我不知道。我从来没用过爱奥尼亚。如果您有一个复选框呈现的工作演示，我可以告诉您要更改什么CSS。所以我去了爱奥尼亚的网站看看他们有没有演示。我能做的最好的事情：）我在哪里添加
边框颜色
。复选框图标：之前或。复选框图标：之后或一个新类@joshsisleyI刚刚用一个适合您的解决方案编辑了我的答案