2017-02-21 54 views
0

自舉下拉風格提到here顯示胡蘿蔔旁邊的下拉列表在這些examples如何引導V4是顯示這種風格胡蘿蔔?

這種風格如何顯示胡蘿蔔?我沒有看到任何對圖像或特殊字符的引用。

+1

它與[僞元素(https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements)完成://github.com/twbs/bootstrap/blob/0ffd369afdfa064b3a56078ac4351aae01a8c6cf/scss/_dropdown.scss) – vanburen

+0

如何顯示胡蘿蔔是9號線?對於僞元素:: after,我沒有在該樣式中看到任何img或特殊字符。 –

+1

沒有圖片或特殊字符,它只是CSS。邊界正在創造「胡蘿蔔」。 – vanburen

回答

0

我發現了一個answer關於用CSS創建箭頭。 9號線[::後(HTTPS:

.arrow-right { width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; /* 40px height (20+20) */ border-left: 20px solid green; position:absolute; }

相關問題