📜  如何使用 CSS 在元素中不应用阴影?

📅  最后修改于: 2021-08-30 13:14:27             🧑  作者: Mango

有时我们需要一个没有阴影的元素,尽管最初没有元素具有box-shadow 。小号ometimes其他一些开发商风格具有box-shadow属性的元素,但你想让它无影。

在本文中,我们将看到如何在 CSS 中移除元素的 box-shadow。

句法:

box-shadow: none;

示例:以下示例演示了一个包含box-shadow属性的按钮。

HTML


  

    Button with box-shadow
  
    

  

    

  


HTML


  

    Button without box-shadow
  
    

  

    

  


输出:

示例 2:以下示例演示了删除box-shadow属性后的按钮。

HTML



  

    Button without box-shadow
  
    

  

    

  

输出:

没有影子