刪除下拉陰影

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; 
} 

Answer 2

添加box-shadow:none您.main_nav li:hover a風格

.main_nav li:hover a, .link-active, .current-menu-item a{ 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
} 

如果你想去除藍色背景顏色，然後使用以下樣式

.main_nav li:hover a, .link-active, .current-menu-item a{ 
    background-color: rgba(255,255,255,0); // to remove the blue background and add transparent background 
}