Bootstrap btn-group在form-group和border-radius中

Question

我尝试删除第一个子标签的border-radius但没有成功。 例如，我尝试没有成功：

.btn-group .label:first-child {
    border-top-left-radius:0px;
}

标签位于btn-group中，位于form-group内：

http://fiddle.jshell.net/row7L6kh/

如何删除左上角和左下角的第一个标签border-radius？

Answer 1

您需要将.label更改为.btn。因为您要为btn-group更改的CSS类是.btn。

.btn span.glyphicon {               
    opacity: 0;             
}
.btn.active span.glyphicon {                
    opacity: 1;             
}

.btn-group .btn:first-child {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}

JSFiddle