如何从表中删除框阴影?

时间:2018-05-02 10:45:05

标签: html css angularjs ngtable

得到了我一直在努力的疑问。当我将鼠标悬停在它们上面时,我想从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; }

我已经在线查看了一些示例,但每次尝试时,它似乎都会移除实际模型但保留阴影。任何帮助都会很棒!

2 个答案:

答案 0 :(得分:0)

像这样更新css

Authorization: Bearer eYz-your-passport-generated-token

答案 1 :(得分:0)

你的问题怎么没有真正的例子或代码的链接,但是从你的问题中你所说的,在悬停时你得到了阴影,你想要删除那个阴影。

因此,只需使用firebug或任何其他开发人员工具,并从CSS代码中找到在hove期间应用的类或样式,目前尚不清楚 widget-body是一个类或ID。我假设widget-body是一个班级。 您还必须将浏览器特定的框阴影代码(如-webkit-box-shadow-moz-box-shadow)设置为无;

在该课程中只需设置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类,如果是这种情况,则必须创建新类并且必须覆盖{ {1}}该类中的.widget-body关键字的类属性,否则阴影将从网站上消失:)

您还可以使用!important伪类

我希望这会有所帮助。