1

一个按钮在被点击时会在短时间内将其背景颜色更改为半透明灰色。我想禁用此行为或自己设置颜色。

如果我没有设置背景颜色和图像，我不会太在意它：当颜色改变时，图像保持不变并且看起来很丑。

我试过：active，：hover，：active：hover，但没有成功。-webkit-tap-highlight-color 不适用于此处，因为它不是 Webkit 浏览器（但我已经尝试过......）。这不是虚线轮廓的问题，我已经能够删除它。

这里有一些代码供参考：

<style>
  #that_button {
    background: url(https://www.google.com/images/srpr/logo11w.png) 130px .3em no-repeat;
    background-size: auto 1.5em;
    background-color: #66ccff;
    border: none;
    height: 2em;
    width: 200px;
  }
</style>
<button id="that_button">Hello</button>
4

1 回答 1

3

突出显示样式定义在那里：https://hg.mozilla.org/mozilla-central/file/f003c386c77a/mobile/android/themes/core/content.css#l309，它不能被覆盖。唯一的“解决方案”是使用与源中的选择器不匹配的 div 或其他元素，因为它们不会被突出显示（尽管这不会是语义 html）。

我已经能够联系开发人员，结果如下：https ://bugzilla.mozilla.org/show_bug.cgi?id=936593 ，因此应该修复该行为。很抱歉在我找到答案后延迟提供答案。

于 2013-11-20T11:27:26.803 回答