Седьмую строку с конца я попытался добавить в 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 ответа
Используйте свойство 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 см. этот вопрос.
Вы применяете стили не к тому элементу. Попробуй это:
<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/
Похожие вопросы
Связанные вопросы
Новые вопросы
html
HTML (язык гипертекстовой разметки) — это язык разметки для создания веб-страниц и другой информации, отображаемой в веб-браузере. Вопросы относительно HTML должны включать минимальный воспроизводимый пример и некоторое представление о том, чего вы пытаетесь достичь. Этот тег редко используется отдельно и часто в паре с [CSS] и [JavaScript].
input
не наследует стили от своего родителя. Вы должны указать свойства отдельно.