我有一个这样的插入符:
<a class="dropdown-toggle" data-toggle="dropdown" href="#mylist"
style="display:inline-block;padding-left:0px;">
<b class="caret"></b>
</a>
是否可以使用 CSS 或其他方式使这个插入符号更大
最佳答案
插入符号是一个 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 形,这三个值应该相同。
关于css - Twitter Bootstrap 插入符大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17409820/