Bootstrap 3 многопользовательского стиля ввода-группы-аддона

Question

Я использую bootstrap3, и я хотел бы использовать несколько входов-групп-аддонов вместе. Если я попытаюсь сделать это, к сожалению, я получаю в некоторых элементах 2px-границу вместо 1px.

Bootply

Какой стиль CSS я мог бы использовать, чтобы решить мою проблему? Благодаря

Answer 1

Добавить следующий CSS:

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

Это будет работать. См. this.

Answer 2

Это обычная проблема в бутстрапе, вы можете преодолеть эту проблему, переопределив класс .inputs-group-addon.

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.