时间戳

首页 > 解决方案 > 如何从 HTML 表单中的重置按钮中删除“重置”文本

html - 如何从 HTML 表单中的重置按钮中删除“重置”文本

问题描述

我正在尝试将自定义图像用于表单上的重置按钮，但在创建类并插入背景图像时无法使默认的“重置”文本消失。我正在使用表格来创建表格，这是表格这一部分的代码：

        <tr>
            <td colspan=6>
                <input type="reset" class=cancelButton>
            </td>
        </tr>

它看起来非常简单和直接。这是我的 CSS 自定义类代码：

.cancelButton {
    background-image: url(cancel.jpg);
    width: 160px;
    height: 35px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

这就是我得到的：

在此处输入图像描述

任何援助将不胜感激。这是一个作业，所以我不能走捷径。

标签： htmlcss

解决方案

不要使用背景图片来传达信息。CSS 用于演示。

使用常规图像和按钮元素而不是输入元素（因为按钮元素可以包含图像）。

<button type="reset"><img src="cancel.jpg" alt="Cancel"></button>

推荐阅读