刪除我的按鈕的輪廓和陰影，在CSS勾勒= 0

-1

.btn btn-default dropdown-toggle { 
 
    outline: 0; 
 
    box-shadow: none; 
 
    border: none; 
 
} 
 
#dropdownMenu1 { 
 
    outline: 0; 
 
    box-shadow: none; 
 
}

<div class="col-sm-2" style=" height: 150px;"> 
 
    <div class="dropdown"> 
 
    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="margin-top: 100px;background-color: #F5F5DC "> 
 
     <b>Company</b> 
 
     <span class="caret"> </span> 
 
    </button> 
 
    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
 
     <li><a href="#"><b>About Us</b></a> 
 
     </li> 
 
     <li><a href="#"><b>Vision</b></a> 
 
     </li> 
 
     <li><a href="#"><b>Mission</b></a> 
 
     </li> 
 
     <li role="separator" class="divider"></li> 
 

 
    </ul> 
 
    </div> 
 
</div>

我嘗試使用大綱= 0和陰影=在我的外部CSS文件中沒有，但仍然它不是沒有工作。我希望它只顯示帶有箭頭符號的菜單名稱，它將打開下拉菜單。

來源

2016-12-05 Sayantan Mitra

嗨，歡迎來到StackOverflow。請考慮閱讀http://stackoverflow.com/help/how-to-ask。此外，而不是回答，請評論或編輯您的問題。 –

爲了能夠幫助您，我們需要一個最小的可運行代碼示例，描述您想要什麼以及嘗試過什麼，以及它如何工作。 –

它可能是border，你需要設置爲無。很難說沒有看到任何代碼。

編輯：你的CSS選擇器是錯誤的。

.btn btn-default dropdown-toggle

意思是「選擇一個元素與內標籤名dropdown-toggle某處的所有元素與標籤名btn-default somwehere與btn類的元件內側」。

根據您希望規則應用的範圍，您可以使用.btn-default或僅使用.dropdown-toggle來切換所有默認按鈕。如果你是學習CSS的基礎性，只是copy'paste如下：

.dropdown-toggle { 
    border: none !important; 
}

您的ID選擇是正確的，順便說一下，但你必須與該ID沒有元素。

來源

2016-12-05 10:38:42

我想上傳代碼，但我無法上傳 –

您不應該上傳任何代碼，您提取相關部分並將其粘貼到問題中，並標記爲代碼。 –

–

刪除我的按鈕的輪廓和陰影，在CSS勾勒= 0

回答

相關問題