aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorShohei Yoshida <[email protected]>2019-06-18 01:08:06 +0900
committerXhmikosR <[email protected]>2019-06-18 15:02:58 +0300
commitb165aff2f779c831efd8b3484e3ea7bc1c8f8eb4 (patch)
tree68b0774f107e37b6641037949675a05d9f9dc681
parent1bdeab8159d3a99519251915f74fa39036eddb4b (diff)
downloadbootstrap-b165aff2f779c831efd8b3484e3ea7bc1c8f8eb4.tar.xz
bootstrap-b165aff2f779c831efd8b3484e3ea7bc1c8f8eb4.zip
Fix position of browser default validation message (#28852)
-rw-r--r--scss/_custom-forms.scss3
1 files changed, 3 insertions, 0 deletions
diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index 86edabaa1..1f1b5da4e 100644
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -21,7 +21,10 @@
.custom-control-input {
position: absolute;
+ left: 0;
z-index: -1; // Put the input behind the label so it doesn't overlay text
+ width: $custom-control-indicator-size;
+ height: ($font-size-base * $line-height-base + $custom-control-indicator-size) / 2;
opacity: 0;
&:checked ~ .custom-control-label::before {