如何取出盒子？

Question

我的网站http://arubacontests.com/

上有一个页脚

由于某种原因，碰巧有一个盒子附着它。

它表明有：

.widget ul, .widget ol{

}

它上面放了一些盒子和一些线条。

我可以使用任何课程来移除此框吗？

随意使用Chrome的Inspect Element工具进行检查。

谢谢！

Answer 1

只需删除以下声明：

box-shadow: 0 1px 1px rgba(255,255,255,0.95);

位于.widget ul。

和

box-shadow: 0 1px 1px rgba(255,255,255,0.95);

位于.widget ul li。

旁注：

要在悬停时摆脱错位的白色背景，请删除：

background-color: #fff

位于.widget ul li:hover。

Answer 2

尝试这样做 -

.footer-sidebar ul.fcw_contact { box-shadow: none };
.footer-sidebar ul.fcw_contact li { box-shadow: none }; 
.footer-sidebar ul.fcw_contact li:hover, .footer-sidebar ul.fcw_contact li:hover { background-color: transparent; }

应该有所帮助。

Answer 3

就此部分中的关注点而言，从box-shadow和.widget ul .widget ol类中删除.widget ul li .widget ol li时，它会删除该框..

Answer 4

要删除该框：

.widget ul li, .widget ol li {
    box-shadow: none;
}

.widget ul, .widget ol {
    box-shadow: none;
}

并删除鼠标悬停时的背景突出显示：

li:hover, .widget ol li:hover {
    background-color: inherit;
}