油猴脚本:如何给网页元素添加 CSS 样式
使用油猴脚本可以轻松地给网页上的元素添加 CSS 样式。以下是一个示例脚本,将所有段落元素的背景色设置为红色,文本颜色设置为白色:
// ==UserScript==
// @name Add CSS Style to Elements
// @namespace http://tampermonkey.net/
// @version 1.0
// @description Add CSS style to elements on the web page
// @author Your Name
// @match http://*/*
// @match https://*/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
// 获取所有的段落元素
var paragraphs = document.getElementsByTagName('p');
// 遍历所有的段落元素
for (var i = 0; i < paragraphs.length; i++) {
var paragraph = paragraphs[i];
// 添加CSS样式
paragraph.style.backgroundColor = 'red';
paragraph.style.color = 'white';
}
})();
将以上代码保存为一个油猴脚本(.user.js文件),然后通过油猴插件加载该脚本,即可在网页上看到所有段落元素都增加了红色背景色和白色文本颜色。你可以根据需要修改代码中的选择器和CSS样式来适应不同的元素和样式。
原文地址: https://www.cveoy.top/t/topic/p4sq 著作权归作者所有。请勿转载和采集!