search

coliff / bootstrap-ie11

Internet Explorer 11 compatibility solution for Bootstrap 5
https://coliff.github.io/bootstrap-ie11/
MIT License
95 stars 15 forks source link

Radio Buttons aren't perfectly centered #27

Closed coliff closed 3 years ago

coliff commented 3 years ago

https://coliff.github.io/bootstrap-ie11/tests/#checks

image

coliff commented 3 years ago

Can be fixed by adjusting the position of the SVG background:

.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4.2 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
coliff commented 3 years ago

This solution is less code:

.form-check .form-check-input {
  margin-top: 0.27em;
  margin-left: -1.4em;
}