改变按钮的颜色兑现CSS

Question

我使用的是类.btn设置一些按钮：

<a href="#" target="_blank" class="waves-effect btn"><i class="material-icons right">arrow_forward</i>button</a> 

我重写这样的默认颜色butto：

.btn{ 
    background-color: #4dd0e1 
} 
.btn:hover { 
    background-color: #01579b 
} 

它的工作原理，但是当我点击按钮的颜色改变为默认的绿色，我尝试：

.btn:active{ 
    background-color: #4dd0e1 
} 

和

.btn:visited{ 
    background-color: #4dd0e1 
} 

，但它没有工作

Answer 1

使用以下命令：

.btn:focus{ 
    background-color: #4dd0e1 
} 

Answer 2

.btn{ 
 
    background-color: aqua 
 
} 
 
.btn:visited{ 
 
    background-color: yellow 
 
} 
 
.btn:hover { 
 
    background-color: skyblue 
 
} 
 
.btn:active{ 
 
    background-color: pink; 
 
}

<a href="#" target="_blank" class="waves-effect btn"><i class="material-icons right">arrow_forward</i>button</a

您应该按照这个顺序当你写CSS代码

1. a:link
2. a:visited
3. a:hover
4. a:active

我不知道为什么，但它使你的工作代码。

你只需要改变CSS选择（:visited，:hover，:active）

Answer 3

使用MaterializeCss颜色帮手clases Materialize Colors

<a class="waves-effect waves-light btn amber darken-4">button</a>

的顺序