Html 单击按钮时如何删除原色

当我点击

按钮时，按钮的颜色会从
#F74422
变为原色一段时间。如何去除原色


。单击按钮{
背景色：#F74422；
}
单击
其发生是由于焦点和访问
你需要重写

.click-button:focus

及

同样
它的发生是由于关注和访问
你需要重写

.click-button:focus

及

正如您在文档的部分中所看到的，当您声明按钮为某种颜色时，例如，
primary
“幕后”，爱奥尼亚将为android按钮应用以下样式：

$button-md-background-color:           color($colors-md, primary)   
$button-md-background-color-activated: color-shade($button-md-background-color)
$button-md-background-color-hover:     $button-md-background-color  

ios按钮也会出现类似的情况。这就是为什么在使用css样式规则更改
背景色时会看到原色。按钮的
激活状态
和
悬停状态
仍然使用从爱奥尼亚定义的
主
颜色获得的颜色

更改按钮背景颜色的方法是在
variables.scss
文件中添加新颜色：

$colors: (
  primary:    #488aff,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222222,
  newcolor:   #F74422 // <--- Here!
);

这样，爱奥尼亚将创建所有样式规则，使按钮在每个状态下都使用该颜色。
正如您在文档的部分中看到的，当您声明按钮为某种颜色时，例如，
primary
幕后爱奥尼亚将为android按钮应用以下样式：

$button-md-background-color:           color($colors-md, primary)   
$button-md-background-color-activated: color-shade($button-md-background-color)
$button-md-background-color-hover:     $button-md-background-color  

ios按钮也会出现类似的情况。这就是为什么在使用css样式规则更改
背景色时会看到原色。按钮的
激活状态
和
悬停状态
仍然使用从爱奥尼亚定义的
主
颜色获得的颜色

更改按钮背景颜色的方法是在
variables.scss
文件中添加新颜色：

$colors: (
  primary:    #488aff,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222222,
  newcolor:   #F74422 // <--- Here!
);

这样，爱奥尼亚将创建所有样式规则，使按钮在每个状态下都使用该颜色。
在爱奥尼亚4中尝试以下操作：

文本

.my按钮{
--背景：4daf7c；
--背景激活：#4daf7c；
}
在爱奥尼亚4号上试试这个：

文本

.my按钮{
--背景：4daf7c；
--背景激活：#4daf7c；
}
我试了100次。它没有改变。因此，我们需要在某个时候知道
。可能与您使用的框架有关。@SureshPonnukalai上面的snipet只需使用ionic framework即可。我尝试了100次。它没有改变。因此，我们需要在某个时候知道
。这可能与您使用的框架有关。@SureshPonnukalai上面的snipet只需使用ionic框架即可