2

从最后的第 7 行开始，我尝试添加一些 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>
4

2 回答 2

5

使用font-familyCSS 属性：

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 中的自定义字体使用，请参阅此问题。

于 2013-07-14T19:50:11.297 回答
1

您将样式应用于错误的元素。试试这个：

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

请注意，这Orator Std是一种自定义字体，如果您想使用它，您必须下载字体文件并使用@font-face.

此外，使用内联样式通常被认为是一种不好的做法，最好input[type=submit]在 CSS 文件或<style>标签内应用样式。这个问题更详细地回答了这个问题。

演示：http: //jsfiddle.net/Dq3Mg/

于 2013-07-14T19:59:07.813 回答