Не применяются шрифты внутри <form>

Рейтинг: 1Ответов: 1Опубликовано: 16.01.2023

У меня импортирован и привязан к тегу html, body один шрифт. Всё что внутри тега <form> имеет свой шрифт, и как буд-то не видит тот что я привязал.

html,
body {
  font-family: "Space Grotesk", sans-serif;
}
<form>
  <div class="input__name">
    <label for="name" class="input__title">Cardholder name</label>
    <input type="text" name="name" placeholder="e.g. Jane Appleseed" class="long-input" required />
  </div>
</form>

Вот некий пример моей формы, у меня ни в <label> ни в <input> не применяется шрифт.

Что делать?

Ответы

▲ 1Принят
input {
  font: inherit;
}

Для других контролов стоит тоже прописать, если они используются.