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; 
}