width: auto;
min-width: 16px;
height: 18px;
- margin-right: -1px;
padding: 4px 5px;
font-weight: normal;
line-height: 18px;
background-color: #a9dba9;
border-color: #46a546;
}
+.input-prepend .add-on {
+ margin-right: -1px;
+}
.input-append input,
.input-append select .uneditable-input {
-webkit-border-radius: 3px 0 0 3px;
border-right-color: #ccc;
}
.input-append .add-on {
- margin-right: 0;
+ margin-left: -1px;
+ -webkit-border-radius: 0 3px 3px 0;
+ -moz-border-radius: 0 3px 3px 0;
+ border-radius: 0 3px 3px 0;
+}
+.input-prepend.input-append input,
+.input-prepend.input-append select,
+.input-prepend.input-append .uneditable-input {
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+}
+.input-prepend.input-append .add-on:first-child {
+ margin-right: -1px;
+ -webkit-border-radius: 3px 0 0 3px;
+ -moz-border-radius: 3px 0 0 3px;
+ border-radius: 3px 0 0 3px;
+}
+.input-prepend.input-append .add-on:last-child {
margin-left: -1px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
width: auto;
min-width: 16px;
height: @baseLineHeight;
- margin-right: -1px;
padding: 4px 5px;
font-weight: normal;
line-height: @baseLineHeight;
border-color: @green;
}
}
+.input-prepend {
+ .add-on {
+ margin-right: -1px;
+ }
+}
.input-append {
input,
select
border-right-color: #ccc;
}
.add-on {
- margin-right: 0;
+ margin-left: -1px;
+ .border-radius(0 3px 3px 0);
+ }
+}
+// Remove all border-radius for inputs with both prepend and append
+.input-prepend.input-append {
+ input,
+ select,
+ .uneditable-input {
+ .border-radius(0);
+ }
+ .add-on:first-child {
+ margin-right: -1px;
+ .border-radius(3px 0 0 3px);
+ }
+ .add-on:last-child {
margin-left: -1px;
.border-radius(0 3px 3px 0);
}