如何使用 CSS 更改输入按钮图像？

HTML 中的默认按钮可以使用 CSS 更改为图像。使用相应的 CSS 选择器选择所需的按钮。然后可以将背景属性设置为包含背景图像并根据需要更改图像类型。也可以移除按钮的边框以仅显示图像本身。

示例 1：为按钮设置图像。

  

    
    

  

    

      GeeksForGeeks
  
    
      How to change an input
      button image using CSS?
  
    

      The button below has a custom 
      background image applied through CSS
  
    
      Test button
  

  

输出：

示例 2：在按钮悬停时应用图像。此效果可用于制作对鼠标做出反应的按钮。

  

    
    

  

    

      GeeksForGeeks
  
    How to change an input 
      button image using CSS?
    
    
The button below has a custom
      background image applied 
      through CSS when hovered over it
    
    
      Test button
  

  

输出：
悬停在按钮上之前：

悬停在按钮上后：