☰

gz_ui_css-v1

个人自用样式

此腳本不應該直接安裝，它是一個供其他腳本使用的函式庫。欲使用本函式庫，請在腳本 metadata 寫上： // @require https://update.greasyfork.org/scripts/517928/1514836/gz_ui_css-v1.js

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey 或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！）

作者
hgztask
版本
0.5
建立日期
2024-11-18
更新日期
2025-01-04
尺寸
3.5 KB
授權條款
Apache-2.0

gz_ui_css

个人自用的css样式，参考element-ui的样式。

功能

  1. 目前主要针对于button标签美化

使用

  1. 在button标签属性中添加gz_type 属性，可选值有：primary、success、warning、info、danger，默认为primary。
  2. 在button标签属性中添加border，效果为圆角

/**
 * 添加样式
 * 该方法会默认调用一次，插入位置如下所示
 * 参数一：该元素下是否已经插入过样式
 * 参数二：要插入的位置
 */
gz_ui_css.addStyle(document, document.head)

默认美化

  1. 美化input标签
  2. 美化select标签
  3. 基本美化button标签
  4. button标签聚焦时，高亮边框

问题反馈

  1. 如有问题，加群反馈： 点击加入群聊
  2. 作者b站：访问作者b站主页(uid：473239155)