Html 提交时输入按钮图像消失

我有一张表格：

<form action="/search" class="search-form" method="get">
    <fieldset>
        <input id="q" name="q" type="text" value="Enter search text here">
        <input type="submit" value="search" class="search-button">
    </fieldset>
 </form>

当我将鼠标悬停在按钮上时，不透明度将按预期更改

如果单击该按钮并将鼠标指针移开，则在加载下一页时，该按钮将变成灰色正方形

---

这里发生了什么事？

尝试添加

活动的

状态样式，也包括以下内容：

.search-button:active {...}

@解决方案更新：

---

添加

：默认值

状态修复问题。

以下代码段似乎正在工作，因此很难重现该问题

.search button

中的规则在

中继承。search button:hover

，因此您无需重复这些规则，请参见下文

注意：background-position-y和background-position-x不是有效的CSS属性

见参考资料：

.search按钮{
背景：url（“http://placehold.it/50x25）无重复0中心；
文本缩进：-9000px；
边界：无；
显示：内联块；
宽度：23px；
}
.搜索按钮：悬停{
不透明度：.8；
}

哪个浏览器出现问题？虽然更改了

：default

样式，但这并没有解决问题-感谢您的指示@欢迎光临。如果它对你有帮助，你可以接受它。我正在更新解决方案以备将来参考。

.search-button:active {...}