如何使用 CSS 使 Google 搜索栏像输入框一样在悬停时突出显示？

在本文中，我们将学习如何让输入框像 Google 搜索栏一样在悬停时突出显示。

方法：我们将使用 CSS hover属性，这样每当我们将鼠标悬停在一个元素上时，我们就可以有一些动画。对于输入框，我们可以使用box-shadow属性来指定阴影的尺寸。

例子：

HTML

  

    

  

    

        
GeeksforGeeks
        
        Search
    

  

输出：