全局Css

美化网页

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript== 
// @name 全局Css
// @description 美化网页
// @run-at document-start
// @author Royli
// @version 1.2    
// @grant unsafeWindow
// @include *
// @match *://*/*
// @namespace 
// ==/UserScript==
(function() {
    function addStyle(rules) {
        var styleElement = document.createElement('style');
        styleElement.type = 'text/css';
        document.getElementsByTagName('head')[0].appendChild(styleElement);
        styleElement.appendChild(document.createTextNode(rules));
    }
    addStyle('* {text-decoration: none!important;}');
    addStyle('a:hover {-webkit-border-radius: 2px;-webkit-box-shadow: 0px 0px 3px #666666;color: #39F !important;text-shadow: -5px 3px 18px #39F;}');
    addStyle('a:visited {color: #666666;}');
    addStyle('a[target="_blank"]:hover {color: red !important;text-shadow: 0px 0px 20px #F90 !important;}');
    addStyle('img {-webkit-transition-duration: .31s;-webkit-transition-property: box-shadow;}');
    addStyle('img:hover {-webkit-transition-duration: .31s;-webkit-transition-property: box-shadow;box-shadow: 0px 0px 4px 4px rgba(130, 190, 10, 0.6);}');
})();