删除嵌入式Twitter小部件上的悬停效果

Question

如何删除以下嵌入式Twitter小部件上的黑暗悬停效果？

<a class="twitter-timeline" href="https://twitter.com/AV_Afrique" data-chrome="noheader nofooter transparent" data-theme="dark" data-tweet-limit="1" data-border-color="#272727">Tweets by AV_Afrique</a>
<script async src="//platform.twitter.com/widgets.js"
charset="utf-8"></script>

JsFiddle：https://jsfiddle.net/mkc51zsc/

Answer 1

覆盖

.timeline-Tweet:hover {
    background-color: rgba(24,50,35); 
}

与

.timeline-Tweet:hover {
    background-color:transparent; 
}

<强>实施

选项1） 将链接包含在具有唯一ID的元素中。例如

HTML

<div id="myId">
 <a>..twitter stuff </a>
</div>

CSS

 #myId .timeline-Tweet:hover {
        background-color:transparent; 
    }

选项2）丑陋的修复

.timeline-Tweet:hover {
        background-color:transparent !important; 
    }