Stylish插件自定义网页CSS

owofile Lv5
  2024-01-14 14:35:09 2024-01-14 14:35:09 Created   2025-04-12 14:24:09 2025-04-12 14:24:09 Updated    

Stylish插件自定义网页CSS

使用Stylish插件可以实现对网站客制化的需求，其原理是当加载网页的时候插件会自动检测网页的代码如果符合插入CSS的要求将自动插入编写好的CSS

比如我的目标网站是百度首页的按钮

1
<input type="submit" value="百度一下" id="su" class="btn self-btn bg s\_btn">

这是源代码，我需要定制化的是删除按钮，那么我需要修改style

1
<input type="submit" value="百度一下" id="su" class="btn self-btn bg s\_btn" style="display:none">

如果我每次都按F12去更改，那么未免也太麻烦，所以通过插件我直接使用唯一标识符去更改默认值即可

input的ID是su，所以我使用

1
2
3
#su {
display:none
}

这样它会在访问对应网址的时候将写好的CSS添加到网页中，实现改变样式

  • Title: Stylish插件自定义网页CSS
  • Author: owofile
  • Created at : 2024-01-14 14:35:09
  • Updated at : 2025-04-12 14:24:09
  • Link: https://owofile.github.io/blog/2024/01/14/Stylish插件自定义网页CSS/
  • License: This work is licensed under CC BY-NC-SA 4.0.
Comments
On this page
Stylish插件自定义网页CSS
  1. Stylish插件自定义网页CSS