Question

我开始觉得这是我做错了什么，因为我找不到其他人这个问题，所以我要求你帮助开发者！提前谢谢！

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

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

Answer 1

该按钮看起来像一个按钮，因为它是一个按钮。要更改此外观，您将使用自己的CSS样式覆盖浏览器按钮样式：

CSS

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

Answer 2

好的，我看了一下你的页面来源。在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"，或者你已将它设置为该输入元素。

重置按钮边框

2 个答案: