IE установить флажок, когда изображение нажимается

Question

Я работаю над формой для компании, которая все еще использует таблицы, и они хотят, чтобы я добавил CSS в их шаблон, не меняя HTML / JS. Существует вложенный ввод (CheckBox), который следует выбирать, когда пользователь щелкает изображение. Это работает нормально в Chrome, Firefox и Edge, но в IE, когда изображение щелкают, оно не будет устанавливать флажок. Ниже приведена крышка экрана DOM и актуальный выбор в браузере.

Я изменил цвет фона тега шрифта, чтобы отличить его от изображения, и добавил рамку вокруг тд. Я заметил 2 странные вещи.

1. Если щелкнуть тег шрифта, он установит флажок.
2. Когда флажок установлен, я могу щелкнуть изображение и установить флажок де-выбран. Как только это произойдет, я не смогу повторно выбрать его, нажав на изображение.

Есть идеи, что является причиной этого и что можно сделать? Я использую IE 11.

Answer 1

Похоже, что в IE есть ошибка, которая вызывает эту проблему. Я нашел полезную информацию с этого сайта:

https://snook.ca/archives/javascript/using_images_as

Исправлено CSS:

label img{
  pointer-events: none;
}

label{
  display: inline-block;
}