1

У меня импортирован и привязан к тегу 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> не применяется шрифт.

Что делать?

ksa
  • 6,872
FlaceyFurr
  • 29
  • Покажи в вопросе как сделана форма. Т.е. сделай некий тестовый пример. – ksa Jan 16 '23 at 09:04
  • Шрифты подключены? Если в разметку добавить другой элемент помимо формы, шрифты другие? – Алексей Мельников Jan 16 '23 at 09:14
  • Да, я импортировал шрифт, и добавил его в селектор html, body. Он ко всем другим элементам, заголовком и т.д. применяется. Но только в теге не хочет. Мне надо чтобы он к label и placeholder так же применялся. Я могу конечно отдельно к ним подключить шрифты, но это уже лишний код. – FlaceyFurr Jan 16 '23 at 09:17
  • 1
    По историческим причинам шрифт в кнопках/полях ввода не наследуется от body, а задаётся явно браузером. Т.е. проблема не в теге form, а в тегах button/input/select и т.д. – Alexey Ten Jan 16 '23 at 09:26
  • input, button, textarea, select { font-family: inherit; } можно починить примерно так – Alexey Ten Jan 16 '23 at 09:27
  • Да, помогло. Спасибо! – FlaceyFurr Jan 16 '23 at 09:30

1 Answers1

1
input {
  font: inherit;
}

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

Qwertiy
  • 123,725