Twitter bootstrap 如何使插入符号在反应、引导中变大？

是否可以使用React引导使插入符号变大一点

<DropdownButton
    pullRight
    id="drpSetting"
    title={menuTitle}
>
    <MenuItem>Inställningar</MenuItem>
    <MenuItem>Betalningsinställningar</MenuItem>
    <MenuItem onClick={::this.logout}>Logga ut</MenuItem>
</DropdownButton>

因斯塔宁格尔学院
贝塔宁辛斯塔宁格尔
洛加乌特

CSS方法：

.caret {
  border-width:10px;
}

JSFiddle：

---

将此代码添加到现有CSS文件中

.caret {
  border-width: 10px;
}

---

这样做可以确保所有呈现的下拉列表都包含一个

span

，其大小增加了一个

插入符号类。
我想在上面给出的答案中添加您应该添加的内容
边框底宽：0

.caret {
  border-width: 10px;
  border-bottom-width: 0; //<---- Here
}

增加字体大小。已经尝试过了，没有效果，它只适用于标题而不适用于插入符号。你在说什么插入符号？下拉菜单插入符号我不知道反应引导，但你可以更改引导3.带CSS的插入符号大小：“边框宽度”。也许你可以在React中实现这一点？边框宽度：10px；这是一个反应引导。此代码为我的标题添加边框。我只希望插入符号变得更大。请检查我的代码，我有一个默认带有插入符号的下拉按钮。我看到，当代码被传输时，它返回html。如果您想确定，可以在浏览器中检查它。当你这样做的时候，你会看到一个
span
元素，它的类是
插入符号
，这就是创建箭头的原因。也许你可以共享你检查过的插入符号样式的屏幕截图，这样我们就可以解决问题了？当我在Google Chrome Developer tools中更改.caret类时，它就可以工作了，但是当我在CSS文件中使用相同的CSS时，它就不起作用了：O.插入符号{显示：内联块；宽度：0；高度：0；左边距：2px；垂直对齐：中间；边框顶部：8px虚线；边框顶部：4px实线虚线；边框右侧：8px实线透明；边框左侧：8px实线透明；}
<DropdownButton
    pullRight
    id="drpSetting"
    title={menuTitle}
    className="custom-dropdown-btn">
>

.custom-dropdown-btn .caret {
  border-width: 10px;
  border-bottom-width: 0;
}