1

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

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

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

2 回答 2

3

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

CSS

button {
    background-color: transparent;
    border: medium none;
}
于 2012-08-13T18:04:44.060 回答
1

好的，我查看了您的页面源代码。在 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-13T17:50:24.913 回答