Twitter bootstrap 覆盖引导'；s单选按钮

我正在将Vue与引导Vue一起使用。我无法覆盖单选按钮的样式。是否不可能推翻这种风格

这就是我想要的，这就是它的样子

我还添加了

！重要信息

到每个css道具，或将所有css移动到index.htm，而不是组件中的

，但它们都不起作用

newvue({
el:“#应用程序”，
数据：（）=>({
选项：[{
正文：“第一”，
价值：“A”
},
{
案文：“第二”，
值：“B”，
禁用：false
}
]
})
})

。自定义控件标签：之后{
宽度：15px；
高度：15px；
边界半径：15px；
顶部：-2px；
左：-1px；
位置：相对位置；
背景色：#d1d3d1；
内容：“；
显示：内联块；
能见度：可见；
边框：2倍纯白；
}
.自定义控件标签：在{
位置：绝对位置；
左：-999em；
}
.自定义控件标签：选中：之后{
宽度：15px；
高度：15px；
边界半径：15px；
顶部：-2px；
左：-1px；
位置：相对位置；
背景色：#ffa500；
内容：“；
显示：内联块；
能见度：可见；
边框：2倍纯白；
}

---

您的CSS选择器是错误的，这就是为什么您没有看到任何更改

.custom control label:checked:after

检查标签是否已选中，但需要检查输入是否已选中，然后将样式应用于同级标签

。自定义控件输入：选中~。自定义控件标签：在

如果试图在范围样式标记（

）中添加这些样式，则可能需要使用

newvue({
el:“#应用程序”，
数据：（）=>({
选项：[{
正文：“第一”，
价值：“A”
},
{
案文：“第二”，
值：“B”，
禁用：false
}
]
})
})

。自定义控件输入：选中~。自定义控件标签：后{
背景图像：无！重要；
边界：0；
}