Radio buttons appearing tiny in chrome and IE but appearing decent size in firefox

Question

Here is the link to my jsbin code snippet : https://jsbin.com/bozovificu/edit?html

You will observe that even here the size of radio buttons is normal.

But in my chrome and IE they are very small and the size you saw in jsbin console is the same size as firefox(which I was expecting). Can anybody help as to where I am going wrong?

Answer 1

add some css, you have none

BitSet

#input-group {
  height: 60px;
}
input {
  height: 20px!important;
  vertical-align: middle;
}
label {
  height: 57px!important;
  vertical-align: middle;
}
input,
label {
  display: inline;
}