时间戳

首页 > 解决方案 > 如何从表格中删除框阴影？

html - 如何从表格中删除框阴影？

问题描述

有一个我一直在努力解决的问题。当我将鼠标悬停在 ng-tables 上时，我想从它们中移除阴影，我想知道这是如何实现的：http: //prntscr.com/jcpl5g

widget-body {
background-color: #fbfbfb;
-webkit-box-shadow: 1px 0 10px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 0 10px 1px rgba(0, 0, 0, 0.3);
box-shadow: 1px 0 10px 1px rgba(0, 0, 0, 0.3);
padding: 12px; }

我已经在网上查找了示例，但是每次尝试时，它似乎都删除了实际模型但保留了阴影。任何帮助都会很棒！

标签： htmlcssangularjsngtable

解决方案

您的问题没有任何实际示例或代码的链接，而是从您的问题中说，在悬停时您会得到阴影并且您想要删除该阴影。

因此，只需使用 firebug 或任何其他开发人员工具，然后从 CSS 代码中找到在 hove 期间应用的类或样式，不清楚 widget-body是类还是 id。我假设这widget-body是一个类。您还必须将浏览器特定的 box-shadow 代码设置-webkit-box-shadow为-moz-box-shadow无；

在该类中，只需设置box-shadow: none;or 您可以根据需要删除整个属性box-shadow，并且对于-webkit-box-shadowand 也是如此-moz-box-shadow。您的最终代码如下所示

.widget-body {
    background-color: #fbfbfb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 12px; 
 }

注意：如果是这种情况，请检查.widget-body网站中的任何其他元素都没有使用该类，然后您必须创建一个新类，并且必须通过该类中.widget-body的关键字覆盖类属性，!important否则阴影将从网站上消失:)

你也可以使用:hover伪类

我希望这将有所帮助。

推荐阅读