我的表單提交按鈕顯示不正確

我已經創建了一個將內容提交給電子郵件的表單。我在許多其他網站中使用了完全相同的代碼，但對於我的新網站http://www.peterevansfuneraldirectors.co.uk/contact-us.html，提交按鈕只是一個帶有文本的灰色方塊，而不是通常的按鈕。此外，手不會懸停。我的表單提交按鈕顯示不正確

我的表單代碼是...

<form action="php/FormToEmail.php" method="post" name="ContactForm" id="ContactForm" onsubmit="MM_validateForm('name','','R','email','','RisEmail','message subject','','R','message','','R');return document.MM_returnValue" > 

       <div class="form-text"> 
       <b>Name<span class="purple">*</span></b><br /> 
       <input name="name" type="text" id="name" size="35" style="height:23px; background-color:#FFF; color:#000; border: 1px solid #CCC;" /> 
       </div><br /> 

       <div class="form-text"> 
       <b>Email<span class="purple">*</span></b><br /> 
       <input name="email" type="text" id="email" size="35" style="height:23px; background-color:#FFF; color:#000; border: 1px solid #CCC;" /> 
       </div><br /> 

       <div class="form-text"> 
       <b>Message Subject<span class="purple">*</span></b><br /> 
       <input name="message subject" type="text" id="message subject" size="35" style="height:23px; background-color:#FFF; color:#000; border: 1px solid #CCC;" /> 
       </div><br /> 

       <div class="form-text"> 
       <b>Message<span class="purple">*</span></b><br /> 
       <textarea name="message" type="text" id="message" rows="8" cols="55" style="background-color:#FFF; color:#000; border: 1px solid #CCC;" ></textarea> 
       </div><br /> 

       <div class="submit-button"> 
       <input type="submit" name="submit" value="Submit" /> 
       </div> 

      </form>

提前感謝！

Jack。

來源

2012-07-03 JackR

這是因爲正在應用到按鈕的CSS樣式。

如果刪除CSS樣式，它看起來就像一個標準的按鈕。

如果你想在按鈕上的特定光標，看看到CSS樣式Cursor。

來源

2012-07-03 21:09:33

要添加到它，它是這個文件：http://www.peterevansfuneraldirectors.co.uk/css/css.css - 具有'* {...' –

非常感謝你。如此快速的回覆！驚人的：D – JackR

這是因爲css發生的。您爲此元素禁用了邊距/填充/邊框。

如果我停用這些風格 - 按鈕將被正常顯示。

看這個風格：

* { 
    margin:0; // disable for button 
    padding:0; // disable for button 
    border:0; // disable for button 
}

來源

2012-07-03 21:09:55 avasin

謝謝你的幫助！ – JackR

+1增加細節。 –

沒有什麼不對您的HTML。可能你正在使用CSS來設置這個按鈕的樣式。嘗試從子簽名按鈕中刪除css「border」屬性。

你有一個不錯的Firefox插件叫做Firebug，它允許你檢查CSS屬性，如果你找不到導致該屬性的屬性，你可以試試它。只需右鍵單擊按鈕元素並選擇「使用Firebug檢查元素」。

來源

2012-07-03 21:24:38 Linton

謝謝你的幫助！ – JackR

我的表單提交按鈕顯示不正確

回答

相關問題