[英]Remove hover effect on embedded twitter widget
如何消除以下嵌入式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/
覆蓋
.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;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.