css - Twitter Bootstrap 插入符大小

Question

我有一个这样的插入符:

<a class="dropdown-toggle" data-toggle="dropdown" href="#mylist"
       style="display:inline-block;padding-left:0px;">
 <b class="caret"></b>
</a>

是否可以使用 CSS 或其他方式使这个插入符号更大

Answer 1

插入符号是一个 css 伪元素，使用透明元素的边框构造。查看答案 - How is the caret on Twitter Bootstrap constructed?这提供了更好的解释和有用的链接。

要回答您的问题，您可以创建一个新的 css 类/覆盖 .caret 以将边框增加到您需要的大小。

.caret {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #000000;
}

增加 px 大小以获得所需的大小。请记住，如果您想要一个等边三 Angular 形，这三个值应该相同。