Седьмую строку с конца я попытался добавить в CSS, но шрифт на кнопке не изменился. Есть ли способ сделать это с помощью CSS или PHP? (Или, может быть, способ, который действительно работает в HTML)

Заранее спасибо! Я действительно новичок в этом.

Вот мой код:

<form name="htmlform" method="post" action="something_sendform.php">
<table width="450px">
</tr>
<tr>
 <td valign="top">
  <label for="first_name">First Name *</label>
 </td>
 <td valign="top">
  <input  type="text" name="first_name" maxlength="50" size="30">
 </td>
</tr>

<tr>
 <td valign="top"">
  <label for="last_name">Last Name *</label>
 </td>
 <td valign="top">
  <input  type="text" name="last_name" maxlength="50" size="30">
 </td>
</tr>
<tr>
 <td valign="top">
  <label for="email">Email Address *</label>
 </td>
 <td valign="top">
  <input  type="text" name="email" maxlength="80" size="30">
 </td>

</tr>
<tr>
 <td valign="top">
  <label for="telephone">Telephone Number</label>
 </td>
 <td valign="top">
  <input  type="text" name="telephone" maxlength="30" size="30">
 </td>
</tr>
<tr>
 <td valign="top">
  <label for="comments">Comments *</label>
 </td>
 <td valign="top">
  <textarea  name="comments" maxlength="1000" cols="25" rows="6"></textarea>
 </td>

</tr>
<tr style="font-family:Orator Std">
 <td colspan="2" style="text-align:center">
  <input type="submit" value="Submit">
 </td>
</tr>
</table>
</form>
2
milcak 14 Июл 2013 в 23:46
1
Попробуйте ввести «Orator Std». Если вы используете шрифт с именем с пробелом, вы должны использовать 'char.
 – 
Tomas Nekvinda
14 Июл 2013 в 23:49
1
Поместите это свойство стиля во входной тег ....
 – 
Novocaine
14 Июл 2013 в 23:51
В дополнение к тому, что сказал выше меня человек, тег input не наследует стили от своего родителя. Вы должны указать свойства отдельно.
 – 
UserIsCorrupt
14 Июл 2013 в 23:53
Спасибо, ребята, однако я пробовал оба, и ни один из них не работал!
 – 
milcak
14 Июл 2013 в 23:54
Работает ли шрифт где-нибудь на странице? Возможно, вы неправильно встраиваете шрифт (если вообще вставляете).
 – 
UserIsCorrupt
14 Июл 2013 в 23:56

2 ответа

Лучший ответ

Используйте свойство CSS font-family:

input[type=submit]{
    font-family: 'Orator Std';
}

Чтобы обеспечить совместимость со всеми браузерами, добавьте к кнопке class="mysubmitbutton" и используйте input.mysubmitbutton вместо input[type=submit].

Изменить: если вы хотите сделать это прямо в HTML-коде, сделайте это с помощью тега input:

<input type="submit" value="Submit" style="font-family:'Orator Std';" />

Я не уверен, что Orator Std - это собственный шрифт CSS ... Подробнее об использовании пользовательских шрифтов в HTML / CSS см. этот вопрос.

5
Community 23 Май 2017 в 13:29
1
Я думаю, что у Mac есть ошибка - похоже, шрифт не соблюдается. См. stackoverflow.com/questions/28127184/… . Но по какой-то причине, если я также изменю цвет шрифта и цвет фона в своем стиле, тогда он начнет учитывать шрифт.
 – 
Chris Torrence
7 Дек 2015 в 05:36

Вы применяете стили не к тому элементу. Попробуй это:

<input type="submit" value="Submit" style="font-family: sans-serif; font-size: 25px;">

Обратите внимание, что Orator Std - это пользовательский шрифт, и если вы хотите его использовать, вам нужно будет загрузить файл шрифта и загрузить его в свой CSS с помощью @font-face.

Кроме того, использование встроенных стилей обычно считается плохой практикой, и лучше всего применять стили к input[type=submit] в вашем файле CSS или внутри тегов <style>. Этот вопрос дает более подробный ответ на этот вопрос.

Демо: http://jsfiddle.net/Dq3Mg/

1
Community 23 Май 2017 в 15:10