Другой способ отключить флажок?

Question

Помимо обычного свойства disabled, есть ли другой способ "отключить" флажок визуально и функционально?

Мне просто интересно, есть ли что-то вроде readonly для флажка. Я разрабатываю этот модуль, где флажок отключен, когда выполняется любое из двух несвязанных условий. Я просто хочу, чтобы все было просто, без написания еще нескольких кодов и всего.

План такой: одно условие вызывает свойство disabled, а другое - свойство disabled2.

Answer 1

Свойство указателя-события используется для контроля, при каких условиях конкретные графические элементы могут стать целью событий указателя.

Синтаксис: формальный синтаксис: события указателя: visiblePainted | visibleFill | visibleStroke | видимый | окрашены | заполнить | инсульт | все | нет | наследовать

Значения в официальном синтаксисе применимы к элементам SVG. Из этих значений только они применимы к HTML:

указатель-события: авто | нет | наследовать

По умолчанию: авто Применяется к: всем элементам Анимация: нет

.Disable{pointer-events:none;opacity:0.7 }
.Disable+ span{opacity:0.6 }

<input type="checkbox" />
<span>checkbox1</span>
<br>
<input type="checkbox" class="Disable"/>
<span >checkbox2</span>

Answer 2

Вы можете добавить следующее свойство CSS в div, содержащий флажок

  pointer-events:none 

Тогда он будет отключен.