Разница между отключенным классом bootstrap и отключенным атрибутом

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

<button type=" button"><code>
 disabled="disabled"
</code></button>
1 ответ

Если вы посмотрите на определения бутстрапа, отключенные стили всегда определяются для наличия отключенного класса или отключенного атрибута:

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
 cursor: not-allowed;
 ...
}

Итак, для стилизации вам нужен только класс или атрибут.

Предыдущие версии также включали pointer-events: none;, которые отключили щелчки мыши на кнопке. Здесь установка либо отключенного класса, либо атрибута эффективно отключила кнопку.

В текущей версии 3.3.5 pointer-events: none; был удален из .btn. Затем, если вы используете только класс, кнопка выглядит отключенной, но ее можно щелкнуть.

Поэтому я бы использовал отключенный атрибут для кнопок.

licensed under cc by-sa 3.0 with attribution.