Question

当我将鼠标悬停时，如何更改按钮的背景图像？也许让图像从左到右褪色？这是“可行的”吗？

Answer 1

在您的初始按钮样式上你有{background：url（＆＃39; image1.jpeg＆＃39;）;宽度：100％;}。然后创建另一个名为#button的样式：hover {background：url（＆＃39; image2.jpeg）;} 你的可能＆＃39;效果可以通过添加到你的风格#button

的过渡来实现

Answer 2

示例代码快照：

<button id="buttonID">Search</button>

<style>
#buttonID:hover
{
    background-color: black;
    color: white;
}
enter code here
</style>

只需提供一个ID或类，并在样式表中#elementID：该按钮的悬停名称。

Answer 3

这个答案很好地解决了它，不确定从左到右的淡入淡出，但我确定它可能我不知道css那么好

How can I change a button's color on hover?

你想要背景变量。

Answer 4

尝试使用线性渐变（也许你可以使用图像!!（或不是））

＆＃13;

  
    #btn{
            width:20%;
            border: solid 1px rgba(171, 156, 156, 0.56);
            border-radius:15px;
            background: linear-gradient(to right, #2ede13 50%,#7ed755 50%);
            background-size: 200% 100%;
            background-position: right bottom;
            transition-property: all;
            transition: 1s;
        }
    
            #btn:hover {
                background-position: left bottom;
                color: black;
            }

＆＃13;

 <button id="btn">Search</button>

＆＃13;

当我将鼠标悬停时更改按钮的背景？

4 个答案: