Как исправить ошибку цвета переключателя в Firefox / IE / Excel и Fit содержимого на странице (без прокрутки)

Question

Как сделать так, чтобы изображения из лайтбокса (вложенной папки) по размеру экрана масштабировались?Я хочу, чтобы изображения полностью отображались без прокрутки.Это много работы?Также в Firefox кнопки только белые.Это нормально?работает в Chrome

input[type='radio']:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #FFF;
  content: '';
  display: inline-block;
  visibility: visible;
}

input[type='radio'].red:after {
  border: 2px solid #F00;
}

input[type='radio'].orange:after {
  border: 2px solid #FFA500;
}

input[type='radio'].green:after {
  border: 2px solid #0F0;
}

input[type='radio']:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}

input[type='radio'].red:checked:after {
  background-color: #F00;
}

input[type='radio'].orange:checked:after {
  background-color: #FFA500;
}

input[type='radio'].green:checked:after {
  background-color: #0F0;
}

<div class="choices" data-image-id="">
  <input type="radio" class="red" name="normalized_file_name" value="0" />
  <input type="radio" class="orange" name="normalized_file_name" value="1" />
  <input type="radio" class="green" name="normalized_file_name" value="2" />
</div>