如何移除ng-table鼠标悬停状态下的box shadow？

Hey there! I see you're stuck trying to remove that annoying hover shadow from your ng-table—let's get this sorted out.

First, looking at your current CSS for .widget-body, that's setting a default shadow on the container, but the hover shadow you're seeing is likely being applied via a :hover pseudo-class (either on the .widget-body itself or an inner element like a table row).

Here are two common solutions to try:

1. Remove hover shadow from the widget container #

If the shadow appears when hovering over the entire .widget-body area, add this CSS to override the hover state:

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

2. Target ng-table row hover instead #

If the shadow is showing up when hovering over individual table rows, target the ng-table's row hover state directly:

.ng-table tr:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    /* Optional: If there's a hover background color you also want to remove */
    background-color: inherit;
}

Pro Tip #

If neither of these works, use your browser's DevTools (press F12, then use the element picker tool) to hover over the table area and inspect which element is getting the shadow applied on hover. Look for styles with :hover that include box-shadow—once you find the exact selector, just set its box-shadow to none like the examples above.

内容的提问来源于stack exchange，提问作者user5637567