如何通過懸停更改整個div背景

如何使用css更改我的div interestBTN的背景？如何通過懸停更改整個div背景

我的CSS：

.interestBTN { 
    width: 50%; 
    height: 35px; 
    line-height: 35px; 
    border-color: #ACED52; 
    border-radius: 10px; 
    font-size: 18px; 
    color: black; 
    text-align: center; 
    margin: auto; 
    margin-bottom: 30px; 
    background-color: #ACED52; 
} 

div.interestBTN :hover { 
    background-color: black; 
    color: #ACED52; 

}

HTML：

<a href="#"><div class="interestBTN"><strong>Open</strong></div></a>

預先感謝！

來源

2016-07-21 guavo

刪除空格冒號 – Pete

之前刪除空格之前刪除空間' ：hover' –

所有你需要做的是前:hover

.interestBTN { 
 
    width: 50%; 
 
    height: 35px; 
 
    line-height: 35px; 
 
    border-color: #ACED52; 
 
    border-radius: 10px; 
 
    font-size: 18px; 
 
    color: black; 
 
    text-align: center; 
 
    margin: auto; 
 
    margin-bottom: 30px; 
 
    background-color: #ACED52; 
 
} 
 

 
div.interestBTN:hover { 
 
    background-color: black; 
 
    color: #ACED52; 
 

 
}

<a href="#"><div class="interestBTN"><strong>Open</strong></div></a>

來源

2016-07-21 12:13:15 Pete

.interestBTN { 
 
    width: 50%; 
 
    height: 35px; 
 
    line-height: 35px; 
 
    border-color: #ACED52; 
 
    border-radius: 10px; 
 
    font-size: 18px; 
 
    color: black; 
 
    text-align: center; 
 
    margin: auto; 
 
    margin-bottom: 30px; 
 
    background-color: #ACED52; 
 
} 
 

 
div.interestBTN:hover { 
 
    background-color: black; 
 
    color: #ACED52; 
 

 
}

<a href="#"><div class="interestBTN"><strong>Open</strong></div></a>

來源

2016-07-21 12:16:13

如何通過懸停更改整個div背景

回答

相關問題