百度分享组件美化CSS代码

时间：2016-04-15

原由：添加百度分享代码可以增加网站流量，但彩色图标太突出，容易抢占主题内容眼球。

效果：默认灰化处理，鼠标悬停时去除灰化滤镜显示原来彩色图标

代码：

内部样式表添加：

<style id="diy_style" type="text/css">.bdsharebuttonbox a:hover {-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;filter: none;}.bdsharebuttonbox a {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}</style>

或外部样式表文件中添加：

.bdsharebuttonbox a:hover {-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;filter: none;}.bdsharebuttonbox a {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

上一条：LNMP 下添加 Discuz x2.5 的伪静态规则 下一条:黄晓明回应代言P2P风波：这个锅不背

相关文章

最新文章