スマホのリンクに影ができます

Question

スマホでスクロールできる場所のリンクが画像の様に、スクロールした時に影が取れず画面が見にくくなります。
これを防げるcss等ありませんか？
よろしくお願いします。

Comments

[YashaWedyue]

そのリンクについているCSSを提示してもらえますか？

[mario198]

RSS取得しているものなのですが、どうやって見れますか？
ソースに載っていない...

[YashaWedyue]

ChromeやFirefoxのデベロッパーツールで確認できます。
RSSのソース（HTML出力されたもの）も提示してください。

[mario198]

class="blogroll-link"となっていましたが、blogroll-linkが見当たりません...

Answer 1

その色はリンクに触った時に出ますか？

もしそうなら、
webkit系のブラウザであれば

-webkit-tap-highlight-color: #ffffff;

で色を変えることができるはずです。
透明にしたいときはtransparentとかrgba(0,0,0,0)を指定します。

それとは全く関係なく出ているもので、身に覚えのないclassがついているのであれば、jsなどのライブラリによって付けられているものではないでしょうか？

ソースすべてを見ることができないので何とも言えませんが、WordPressのテーマやプラグインかもしれませんね。

Answer 2

aの疑似クラスで

a:hover {
   background-color:#ffffff;
}

こんな感じの記述で消せるものもあると思います。
どういう状況でその影が出てくるのかわからないので何とも言えませんが