我是 CSS 新手，我正在嘗試實作一個按鈕，當將滑鼠懸停在它上面時，它的文本和背景顏色會發生變化。雖然背景顏色的變化正在起作用，但文本卻不是這樣。你能告訴我我做錯了什么嗎？提前致謝！
HTML
button {
background: none;
border-radius: 5px;
border: 1.5px solid #4ca37f;
color: #4ca37f;
padding: 1px 6px;
cursor: pointer;
}
.button:hover {
background-color: #1595eb;
color: rgb(255, 255, 255);
}<div class="button">
<button type="button">Follow</button>
</div>uj5u.com熱心網友回復：
將樣式應用于按鈕標簽button:hover而不是.button:hover
button {
background: none;
border-radius: 5px;
border: 1.5px solid #4ca37f;
color: #4ca37f;
padding: 1px 6px;
cursor: pointer;
}
button:hover {
background-color: #1595eb;
color: rgb(255, 255, 255);
}<div class="button">
<button type="button">Follow</button>
</div>uj5u.com熱心網友回復：
您的第二個 CSS 規則.button:hover基本上針對.button類。如果我對您的理解正確，您希望將滑鼠懸停在 div 上時更改實際按鈕的background-colorand 。color這意味著您必須針對buttoninside .button，例如：
.button:hover button {
background-color: #1595eb;
color: rgb(255, 255, 255);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/451920.html
上一篇：OSError:[Errno8]Execformaterror:'/home/ec2-user/Desktop/chromedriver'在AWSEC2ARM風味機器中使用Chro