bootstrap在下拉菜單中刪除向上箭頭

我正在使用Twitter引導程序並希望刪除下拉菜單中的向上箭頭whis在我的導航欄中。我在bootstrap.css中找不到參考。bootstrap在下拉菜單中刪除向上箭頭

Bootstrap

.navbar .dropdown-menu:after { 
content: ''; 
display: inline-block; 
border-left: 6px solid transparent; 
border-right: 6px solid transparent; 
border-bottom: 6px solid #000; /* change color here, modified for a black arrow */ 
position: absolute; 
top: -6px; 
left: 10px; 
}

來源

2013-04-03 Keith Power

我找不到對問題中標記的引用。 – Shef

我已經添加了什麼，我可以找到bootstrap.css –

我不建議您編輯bootstrap.css文件。您可以覆蓋樣式在您的自定義樣式表來隱藏箭頭，像這樣的組件：

.dropdown-menu:after { 
    border: none !important; 
    content: "" !important; 
}

使用這種方法，你甚至可以做重寫只有特定的下拉菜單。例如，如果你的下拉是id爲my_dropdown元素的孩子，你可以這樣做：

#my_dropdown .dropdown-menu:after { 
    border: none !important; 
    content: "" !important; 
}

這將讓你有其他的下拉列表中的箭頭，而隱藏它這個具體下拉。

來源

2013-04-03 16:01:52 Shef

對不起，這並沒有擺脫向上的箭頭 –

@KeithPower你現在可以嘗試更新的代碼？ – Shef

但是白色箭頭消失了，但似乎還有一個暗色版本仍然保留着一半的不透明度 –

以下CSS爲我工作：

.dropdown-menu:before, 
.dropdown-menu:after { 
    border: none !important; 
    content: none !important; 
}

如果你刪除任何兩個選擇的，從箭頭會仍然存在一些細節 - 無論是灰色或白色的三角形。

（剛剛決定，以防有人添加此以後尋找一個答案，作爲公認的答案並沒有爲我工作。）

來源

2013-04-11 10:10:17

謝謝你 –

是的，這是正確的修復，爲我工作，謝謝你！ –

你也可以這樣做：

.dropdown-menu:before, 
.dropdown-menu:after { 
    display:none; 
}

這將禁用箭頭及其陰影。

來源

2013-06-27 19:06:32

bootstrap在下拉菜單中刪除向上箭頭

回答

相關問題