ボタンをタップすると、その背景色が一瞬、半透明のグレーに変わります。この動作を無効にするか、自分で色を設定したいです。
背景色と画像セットの両方を持っていなければ、あまり気にしません。色が変わっても、画像はそのままで見苦しく見えます。
: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>