1

私のウェブサイトには、aリンクで囲まれた製品のリストがあるdisplay:blockので、製品全体とその詳細をクリックできます。

aリンクにはがありhover background-colourませんが、あるのでactive background-colour、誰かがリンクをクリックすると、bgの色が変わります。

私が抱えている問題は、iPhoneでスクロールすると、aリンクの背景色がactive状態のbg色に変わることです。製品をスクロールしているときにアイテムの背景色が変わると、非常に煩わしくなります。何故ですか？それが起こらないようにbackground-colourし、iOSで一度クリックしただけで変更するための最良の方法は何ですか？この問題を抱えているのは私だけですか？

jsfiddleが必要な場合はお知らせください。どうもありがとう

4

1 に答える 1

0

私がアプリでそれを行った方法は、あいまいさがないようにすべての状態を明示的に言及することです。私のCSSはちょっとこのように見えます-

a:link {
    text-decoration: none;
    color: black;
    -webkit-tap-highlight-color: #ffcc99;
}

a:visited {
    text-decoration: none;
    color: black;
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
}

a:hover   { //technically not required to mention hover
    color:black;
}

a:active  {
    color:grey;

}
于 2013-03-24T04:29:12.100 に答える