如何去除 table 的方框阴影？

Question

有一个我一直在努力解决的问题。当我将鼠标悬停在我的 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; }

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

Answer 1

像这样更新css

.classname:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }

Answer 2

你的问题怎么没有任何 link 真实的例子或代码，但是从你的问题中你说悬停时你会得到阴影并且你想删除那个阴影。

因此，只需使用 firebug 或任何其他开发人员工具，并从您的 CSS 代码中找到 class 或在移动期间应用的样式，目前尚不清楚 widget-body 是一个 class 或 id。我假设 widget-body 是 class 。您还必须将浏览器特定的框阴影代码设置为 -webkit-box-shadow 和 -moz-box-shadow 到 none；

在那 class 中，只需设置 box-shadow: none; 或者您可以根据需要简单地删除称为 box-shadow 的整个属性，-webkit-box-shadow 也是如此和 -moz-box-shadow。您的最终代码如下所示

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

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

你也可以使用:hover伪class

希望对您有所帮助。

如何去除 table 的方框阴影？

How to remove the box shadow from table?

html

css

angularjs

ngtable