семейство шрифтов и лицо шрифта - PullRequest
0 голосов
/ 27 мая 2020

Я прочитал несколько других тем здесь и на других сайтах, посвященных этой проблеме, но я не нашел никакого решения, которое действительно работает с использованием только CSS. Вот моя проблема. Я хочу, чтобы все поля ввода с текстовыми дескрипторами (такими как флажки и переключатели) имели шрифт Arial. Если я сделаю это:

  <INPUT type=radio name="Shaded" id="Flat" value="Flat"
    onclick="OnItemSelect('Shaded',2);"><FONT face="Arial" size=2>Flat</FONT>

слово Flat в теге шрифта отобразится как Arial. Но если я сделаю это:

<html>
<head>
<style  type="text/css">
  input {
  font-size:8pt;
  font-family:Arial!important;
  }
</style>
</head>

<body>
  <INPUT type=radio name="Shaded" id="Flat" value="Flat"
    onclick="OnItemSelect('Shaded',2);">Flat
</body>
</html>

слово Flat покажет Times New Roman (шрифт моей страницы по умолчанию). Я пробовал использовать класс (.inp), но он все еще не работает. Что я могу сделать, чтобы это слово отображалось как Arial без использования тега FONT?

Изменить: Я удалил оскорбительный
из этого сообщения, но оставил строку разделить на две строки, чтобы предотвратить горизонтальную прокрутку. Я хочу поблагодарить всех, кто откликнулся, поскольку ваша помощь изменила ситуацию. Но теперь у меня есть еще одна проблема с этим, но с флажком вместо переключателя. Вот код:

<INPUT type="checkbox" id="app" name="multiple_entry" value="multiple-type">
<STRONG><LABEL for="app"> Is </LABEL></STRONG>
<INPUT size=1 maxlength=1 value="0" name="current_entry">
<STRONG><LABEL for="app"> of </LABEL></STRONG>
<INPUT size=1 maxlength=1 value="0" name="max_entries">
<STRONG><LABEL for="app"> monsters of this kind.</LABEL></STRONG>

Он работает, как и ожидалось, при нажатии на текст, но щелчок по полям ввода для чисел не влияет на флажок. Есть ли способ сделать это там, где, если пользователь нажимает на один из этих двух входов, он автоматически проверяет флажок?

Я не знаю, как использовать «попробуй», чтобы иметь возможность чтобы вы могли увидеть кнопку в действии. Извините.

1 Ответ

2 голосов
/ 27 мая 2020

Как уже отмечали все остальные, у вас есть несколько проблем в вашем коде, но вот быстрый пример того, как вы могли бы это сделать. Первый нацелен на все, что находится внутри элемента <label> (красный), а второй - немного более конкретный c, нацеленный на слово «плоский», в частности, с классом css (синий):

label {
  font-family: arial;
  color: red;
}

.my-classname {
  font-family: arial;
  color: blue;
}
<label>
  <input type=radio name="Shaded" id="Flat" value="Flat" onclick="OnItemSelect('Shaded',2);">
  Flat
</label>

<label>
  <input type=radio name="Shaded" id="Flat" value="Flat" onclick="OnItemSelect('Shaded',2);">
  <span class="my-classname">Flat</span>
</label>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...