当设置为0px 0px 0px 0px时,为什么此框阴影不会消失

时间:2018-10-31 20:13:06

标签: css

im为学校需要的网站制作了一个黑暗的主题,似乎无法删除this box shadow(我知道这是其元素的一部分,仅仅是因为如果我这样做visibility: hidden;,阴影就会消失带盒子) 我当前的代码在

tbody .courserow-info {
    	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: 0px 0px 0px 0px orange;
}
.zoom-btn {
    background-color: #18113d;
}
.container-fluid {
height: 100%;    
background-color: #2c2f33;
}
.left,.right{ visibility: hidden;}
.left .nav-button-container {
     visibility:visible;
}
    .object-selector .btn {
        
    }
.app-body {
    background-color: #2c2f33;
} 
.project,
.power .default,
.additional .default,
.challenge .default {
    background-color: #45568e;
    color: #dddddd;
}
.danger.focusarea-list-item-content,
.project.danger 
{
    background-color: #443535;
}

(有问题的元素是tbody .courserow-info)
我尝试将框阴影设置为none,尝试提高课程区域的z-index,并尝试设置颜色

1 个答案:

答案 0 :(得分:0)

您没有发布HTML,因此无法测试,但我认为它需要应用一条重要规则。 试试

tbody .courserow-info {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}