Controlgroup CSS: corner styling

Author: jaspermdegroot

css/structure/jquery.mobile.controlgroup.css

@@ -32,6 +32,56 @@
 .ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
 .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
 
+/* Corner styling */
+.ui-controlgroup .ui-controlgroup-controls {
+	-webkit-border-radius: inherit;
+	border-radius: inherit;
+}
+.ui-controlgroup-vertical .ui-radio:first-child,
+.ui-controlgroup-vertical .ui-checkbox:first-child,
+.ui-controlgroup-vertical .ui-select:first-child,
+.ui-controlgroup-vertical .ui-radio:first-child .ui-btn,
+.ui-controlgroup-vertical .ui-checkbox:first-child .ui-btn,
+.ui-controlgroup-vertical .ui-select:first-child .ui-btn,
+.ui-controlgroup-vertical label:first-child + .ui-select,
+.ui-controlgroup-vertical .ui-btn:first-child {
+	-webkit-border-top-left-radius: inherit;
+	border-top-left-radius: inherit;
+	-webkit-border-top-right-radius: inherit;
+	border-top-right-radius: inherit;
+}
+.ui-controlgroup-vertical .ui-radio:last-child,
+.ui-controlgroup-vertical .ui-checkbox:last-child,
+.ui-controlgroup-vertical .ui-select:last-child,
+.ui-controlgroup-vertical .ui-btn:last-child {
+	-webkit-border-bottom-left-radius: inherit;
+	border-bottom-left-radius: inherit;
+	-webkit-border-bottom-right-radius: inherit;
+	border-bottom-right-radius: inherit;
+}
+.ui-controlgroup-horizontal .ui-radio:first-child,
+.ui-controlgroup-horizontal .ui-checkbox:first-child,
+.ui-controlgroup-horizontal .ui-select:first-child,
+.ui-controlgroup-horizontal .ui-radio:first-child .ui-btn,
+.ui-controlgroup-horizontal .ui-checkbox:first-child .ui-btn,
+.ui-controlgroup-horizontal .ui-select:first-child .ui-btn,
+.ui-controlgroup-horizontal label:first-child + .ui-select,
+.ui-controlgroup-horizontal .ui-btn:first-child {
+	-webkit-border-top-left-radius: inherit;
+	border-top-left-radius: inherit;
+	-webkit-border-bottom-left-radius: inherit;
+	border-bottom-left-radius: inherit;
+}
+.ui-controlgroup-horizontal .ui-radio:last-child,
+.ui-controlgroup-horizontal .ui-checkbox:last-child,
+.ui-controlgroup-horizontal .ui-select:last-child,
+.ui-controlgroup-horizontal .ui-btn:last-child {
+	-webkit-border-top-right-radius: inherit;
+	border-top-right-radius: inherit;
+	-webkit-border-bottom-right-radius: inherit;
+	border-bottom-right-radius: inherit;
+}
+
 @media all and (min-width: 450px){
 	.ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
 	.ui-field-contain .ui-controlgroup-controls { width: 78%; display: inline-block; }