Question

我有一个提交按钮，我使用的图像在悬停时会发生变化，但按钮上有灰色背景，我无法将其删除。

这不是我的照片我确定！

HTML：

<form method="POST" action="add.php" onsubmit="return validateForm();">
  <input type="text" name="name" id="input" maxlength="35" placeholder="NOME COMPLETO" autocomplete="off" />
  <input type="submit" src="add.png" class="submit" value="">
</form>

CSS：

.submit {
    position: absolute;
    cursor: pointer;
    border: none;
    top: 45%;
    left: 73%;
    width: 45px;
    height: 45px;
    background-image: url(add.png);
    background-repeat: no-repeat;
}

.submit:hover {
    position: absolute;
    cursor: pointer;
    border: none;
    top: 45%;
    left: 73%;
    width: 45px;
    height: 45px;
    background-image: url(add-hover.png);
    background-repeat: no-repeat;
}

请大家帮助我！我绝望了

Answer 1

<强>您好，

对我来说很好，只需添加：background-color: white;

修改您也不需要在:hover部分重新定义位置属性;）

希望它有效，问候席

Answer 2

我创造了一个案例的小提琴：http://jsfiddle.net/K7yx4/

这个是有效的，因为我纠正了一些错误：

首先：

如果您已使用CSS获取图片，则src上不需要input属性。（反之亦然）

我已关闭input[type=submit]代码（/>）

在CSS中，您不需要复制伪类的所有属性和值。只需要实际需要更改的值。

只要看看小提琴，我想你会自己解决这个问题！

Answer 3

你想添加背景颜色：透明;这些定义删除默认控件样式。

background-color: transparent;

提交具有奇怪背景的按钮

3 个答案: