Почему мой элемент img внутри метки имеет постоянную белую рамку? ⇐ Html

[Anonymous]

У меня постоянная проблема.
Внутри моего ярлыка есть два элемента . Один из них имеет абсолютное положение и имеет странную белую рамку, которая не удаляется с помощью команд CSS.
Отпечаток HTML-инспектора, показывающий конфигурации моих элементов.
Вот мои CSS-коды, собственно, для обоих элементов:

Код: Выделить всё

.imgBack {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: contain;
border: none !important;
outline: none !important;
}

label * {
border: none !important;
outline: none !important;
}

Вы можете ответить на проблему с помощью этого HTML-кода, где моя метка имеет ПРАВИЛЬНУЮ красную рамку, а изображение имеет НЕПРАВИЛЬНУЮ постоянную белую рамку:

Код: Выделить всё

body {
background-color: black;
}

.imgInput {
display: flex;
align-items: center;
justify-content: center;
height: 150px;
cursor: pointer;
position: relative;
outline: none;
}

.imgBack {
position: absolute;
top: 0px;
left: 0px;
width: 90%;
height: 90%;
object-fit: contain;
border: none !important;
outline: none !important;
}

label {
border: 1px solid red
}

label * {
border: none !important;
outline: none !important;
}

textarea {
height: 200px;
resize: none;
}

Код: Выделить всё

Document

Подробнее здесь: https://stackoverflow.com/questions/798 ... ite-border