如何更改聯繫表格上的提交按鈕字體

從第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>

來源

2013-07-14 milcak

嘗試鍵入 '演說者標準'。如果您使用帶有空格的名稱的字體，則必須使用'char。 –

將該樣式屬性放在輸入標籤上。 – Novocaine

添加到我上面的人所說的內容中，'input'標籤不會從其父項繼承樣式。您必須分別指定屬性。 – UserIsCorrupt

使用font-family CSS屬性：

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';" />

我不知道那演說者標準是土生土長的CSS字體雖然.. 。對於HTML/CSS中的自定義字體用法，請參見this question。

來源

2013-07-14 19:50:11

我認爲Mac有一個錯誤 - 它似乎沒有兌現字體。請參閱http://stackoverflow.com/questions/28127184/font-size-of-html-form-submit-button-cannot-be-changed。但是無論出於何種原因，如果我也改變了我的風格中的字體顏色和背景顏色，那麼它會開始遵守字體。 –

您將樣式應用於錯誤的元素。試試這個：

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

注意，Orator Std是一個自定義的字體，如果你想使用它，你必須下載的字體文件，並使用@font-face加載它在你的CSS。

此外，使用內聯樣式通常被認爲是不好的做法，最好在您的CSS文件或<style>標記中應用input[type=submit]樣式。 This問題答案更詳細。

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

來源

2013-07-14 19:59:07

如何更改聯繫表格上的提交按鈕字體

回答

相關問題