重置按钮边框

我开始觉得这是我做错了什么，因为我找不到任何其他人这个问题，所以我要求你的帮助开发者！提前致谢！重置按钮边框

重置按钮的周围有我想要移除的边框。这很奇怪，因为我的提交按钮没有：

<div class="contact-submit"> 
    <input type="image" src="images/submit-btn.png" width="93" height="33" value="Send Message"> 
    <button type="reset"> 
     <img src="images/reset-btn.png" width="93" height="33"/> 
    </button> 
</div>

来源

2012-08-13 Branden Brown

如果你标记你使用的所有语言，您可能会得到更好的帮助。我们很多人都用我们最专业的语言进行过滤。您是否真的需要“重置”标签？看起来问题在于按钮本身的外观，而不是其重置功能。 – rsegal 2012-08-13 17:33:20

除了标记你正在使用的语言，你可以发布一些代码吗？提交和重置按钮之间的代码差异将帮助我们在这里帮助你。 – 2012-08-13 17:40:19

– 2012-08-13 17:45:40

该按钮看起来像一个按钮，因为它是一个按钮。为了改变这种看你有你自己的CSS样式覆盖浏览器按钮样式：

CSS

button { 
    background-color: transparent; 
    border: medium none; 
}

来源

2012-08-13 18:04:44

我们走吧！谢谢！我知道我必须用按钮css做些事情，但我不知道确切的参数。谢谢！ – 2012-08-13 18:24:40

好吧，我看看你的页面源代码。在HTML，你的提交按钮实际上不是一个按钮，它的输入图像：

<div class="contact-submit"> 
<input type="image" src="images/submit-btn.png" width="93" height="33" value="Send Message"> 
<button type="reset"> 
<img src="images/reset-btn.png" width="93" height="33"/> 
</button> 
</div>

复位按钮，在另一方面，实际上是一个按钮。如果您将其更改为输入图像，例如提交按钮，它应该看起来一样。见下面我的代码：

<div class="contact-submit"> 
<input type="image" src="images/submit-btn.png" width="93" height="33" value="Send Message"> 
<input type="image" src="images/reset-btn.png" width="93" height="33"/> 
</div>

我不知道你是如何处理点击事件，但好像你只需要添加value="Reset"或无论你有它设置到输入元素。

来源

2012-08-13 17:50:24

我忘了提及这是我原来的尝试......如果您再次查看网站链接http://odconnect.com/beta/contact.php并单击重置按钮我现在正在出现错误。这就是为什么我诉诸使用我所做的按钮代码，因为这是成功地重置表单。我将这个网站从它的老样子和原来的代码是这样的：那么，什么是正确的编码，具有复位功能和自定义图像按钮？对不起，以前没有发布这些细节。 – 2012-08-13 18:06:50

在这种情况下，您只需要更改按钮的CSS。看看答案@我的头痛在我的后面张贴了一下，他会让你通过它。我认为将输入设为相同类型会更有意义，认为按钮更容易编写事件。 – 2012-08-13 18:09:33

重置按钮边框

回答

相关问题