css - 删除下拉阴影

Question

我正在为客户创建一个网站，并想删除下拉菜单中的蓝色“阴影”。我认为我必须编辑的代码如下:

.main_nav ul.sub-menu {
    position: absolute;
    top: 65px;
    width: auto;
    min-width: 150px;
    z-index: 9999;
    list-style-type: none;
    float: right;
    left: 0;
    display: none;
    visibility: hidden;
    height: 0;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

你能帮我解决这件事吗？ http://makeskate.wpengine.com/

Answer 1

只需从您的 CSS 代码中删除它:

.main_nav li:hover a, .link-active, .current-menu-item a {
    box-shadow: 0px -5px 0px rgba(255, 255, 255, 0.3) inset, 0px 2px 0px rgba(255, 255, 255, 0.2) inset;
}

并从这里删除背景:

.skill_set, .soft_skill span, .submit_button, .main_nav li:hover a, .link-active, .current-menu-item a, .main_nav ul.sub-menu, .button, #submit, .wpcf7-submit, .post .date, .tags a, .entry-footer li a:hover, .post-content .wp-caption, .comment .comment-meta .comment-reply-link:hover, #searchsubmit {
    background: none repeat scroll 0% 0% #34799E;
}