我的表单提交按钮显示不正确

问题描述：

我已经创建了一个将内容提交给电子邮件的表单。我在许多其他网站中使用了完全相同的代码，但对于我的新网站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。

答

这是因为正在应用到按钮的CSS样式。

如果删除CSS样式，它看起来就像一个标准的按钮。

如果你想在按钮上的特定光标，看看到CSS样式Cursor。

要添加到它，它是这个文件：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 
}

谢谢你的帮助！ – JackR

+1增加细节。 –

答

没有什么不对您的HTML。可能你正在使用CSS来设置这个按钮的样式。尝试从子签名按钮中删除css“border”属性。

你有一个不错的Firefox插件叫做Firebug，它允许你检查CSS属性，如果你找不到导致该属性的属性，你可以试试它。只需右键单击按钮元素并选择“使用Firebug检查元素”。

谢谢你的帮助！ – JackR

我的表单提交按钮显示不正确

相关推荐