Я пытаюсь установить курсор: указатель на элемент dom, но вход не принимает его (я не вижу курсор указателя, когда я наводил флажок). В chrome я вижу, что "таблица стилей пользовательского агента" переопределяет мой css. Wtf?
<!doctype html>
<body>
<div class='a'>
<input type='checkbox'>
</div>
<style>
.a {
cursor: pointer;
}
</style>
</body>
Я видел этот вопрос: Почему таблица стилей агента пользователя переопределяет мои стили? Но моя проблема, похоже, не является doctype, которая рекомендуемый тип документа.
Использование !important
здесь неприемлемо, и ни один из них не встраивает вход node напрямую - мне не нужно беспокоиться о стильных стилях пользовательского браузера. Что происходит?
Чтобы уточнить, мой вопрос заключается в том, почему таблица стилей пользовательского агента переопределяет css и как сделать эту остановку. Мой вопрос заключается не в том, как я могу взломать это поведение. Если я не ошибаюсь, правильное поведение css заключается в том, что стиль курсора должен быть унаследован дочерними узлами.
Является ли это ожидаемым поведением css?