Поскольку я использую Font Awesome версии 5, у меня проблема со значками внутри элемента ввода. Он отображается только за пределами текстового элемента ввода.
Изображение того, что я имею в виду Я хочу, чтобы значок ВНУТРИ текстового поля типа ввода.
Код:
.calendar-label::after {
content: "\f073";
font-family: "Font Awesome 5 Solid";
display: none;
position: absolute;
}
<head>
<script>
FontAwesomeConfig = { searchPseudoElements: true };
</script>
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
</head>
<body>
<label class="calendar-label">
<input type="text" name="datum">
</label>
</body>