Bootstrap 3多输入组 - 插件样式行为

Question

我正在使用bootstrap3，我想一起使用多个input-group-addon。 如果我尝试这样做，不幸的是我在一些元素中得到一个2px边框而不是1px。

Bootply

我可以使用什么样的CSS样式来解决我的问题？ 感谢

Answer 1

添加以下CSS：

.input-group-addon{
     border-left: 0;
}

这会奏效。请参阅 this 。

Answer 2

这是bootstrap中常见的已知问题，您可以通过覆盖＆＃39; .inputs-group-addon＆＃39;来解决这个问题。类。

bootply

示例

.input-group-addon:first-child + .input-group-addon:last-child {
    border-left: 1px solid #ccc;
}

.input-group-addon:not(:first-child):not(:last-child) + .input-group-addon:not(:first-child):not(:last-child) {
    border-left: 0;
}

.form-control + .input-group-addon:not(:first-child):not(:last-child) {
    border-left: 0;
}

.input-group-addon:not(:first-child):not(:last-child) + .form-control {
    border-left: 0;
}

引导程序中还有一个issue。