CSS懸停在INPUT.homeButton

Question

我想添加一個燈光懸停在我的按鈕上。我從哪開始呢？

INPUT.homeButton { 
font-size: 12px; 
color: #000; 
font-family: Arial; 
background-color: #FFF; 

Answer 1

只要使用'懸停'。加入這樣的事情你的CSS文件：

INPUT.homeButton:hover { 
    /* Your CSS properties (color, background-color, opacity, etc.) here... */ 
} 

您可以添加 '不透明度' 屬性（1 = 100％，0.5 = 50％，0 = 0％等），或改變 '顏色' 和「背景色「與淺色相似以產生類似的效果。

Answer 2

只是使用：懸停來實現它。

input.homeButton:hover { 
    opacity: 0.5; 
}