Greasy Fork

关于如何自定义标签的样式，颜色。

建议安装 stylus 插件，然后为网站添加自定义 CSS，参考下面代码。

• 白底绿字

    :not(#a):not(#a) .utags_text_tag:not(.utags_captain_tag,.utags_captain_tag2) {
        color: green !important;
        border: 1px solid green !important;
        background-color: unset !important;
    }

• 红底白字

    :not(#a):not(#a) .utags_text_tag:not(.utags_captain_tag,.utags_captain_tag2) {
        color: white !important;
        border: 1px solid red !important;
        background-color: red !important;
    }

• 特定标签使用特定样式

    :not(#a):not(#a):not(#a) .utags_text_tag[data-utags_tag="TEST"] {
        color: darkorange !important;
        border: 1px solid darkorange !important;
        background-color: unset !important;
    }

最新内容请访问下面链接

https://discuss-cn.bestxtools.com/d/699

最新内容请访问下面链接

https://discuss-cn.bestxtools.com/d/699

discuss-cn.bestxtools.com 网站注册激活码：XBRXDL03

新版自定义样式使用说明

/* 全局样式 */
a {
  --utags-text-tag-color: white;
  --utags-text-tag-border-color: red;
  --utags-text-tag-background-color: red;
}
/* 特定标签的样式 */
.utags_text_tag[data-utags_tag="TEST"] {
  --utags-text-tag-color: white;
  --utags-text-tag-border-color: orange;
  --utags-text-tag-background-color: orange;
}

/* 2025 开头的标签 */
.utags_text_tag[data-utags_tag^="2025"] {
  --utags-text-tag-color: white;
  --utags-text-tag-border-color: red;
  --utags-text-tag-background-color: rgb(12, 22, 33);
  color: rgb(12, 22, 33);
}

/* 同时包含 '年' '月' '日' 的标签 */
.utags_text_tag[data-utags_tag*="年"][data-utags_tag*="月"][data-utags_tag*="日"] {
  --utags-text-tag-color: white;
  --utags-text-tag-border-color: green;
  --utags-text-tag-background-color: green;
}

/* 同时包含 '点' '分' '秒' 的标签 */
.utags_text_tag[data-utags_tag*="点"][data-utags_tag*="分"][data-utags_tag*="秒"] {
  --utags-text-tag-color: white;
  --utags-text-tag-border-color: pink;
  --utags-text-tag-background-color: pink;
}

/* 可自定义的样式参数 */

body {
  /* 图标颜色 */
  --utags-captain-tag-color: #ff6361;
  /* 鼠标移到图标上面时的颜色 */
  --utags-captain-tag-hover-color: #256cf1;
  /* 图标大小 */
  --utags-captain-tag-size: 14px;
  /* 标签文字颜色 */
  --utags-text-tag-color: red;
  /* 标签边框颜色 */
  --utags-text-tag-border-color: red;
  /* 标签背景颜色 */
  --utags-text-tag-background-color: unset;
  /* 标签文字字体大小 */
  --utags-text-tag-font-size: 10px;
  /* 标签边框宽度 */
  --utags-text-tag-border-width: 1px;
  /* 标签字体 */
  --utags-text-tag-font-family: "helvetica neue", "...";
  /* 表情符号标签背景色 */
  --utags-emoji-tag-background-color: #f8fafe;
  /* 表情符号标签字体大小 */
  --utags-emoji-tag-font-size: 12px;
  /* 表情符号标签边框宽度 */
  --utags-emoji-tag-border-width: 0;
}

支持的特殊标签有

• 标题党, 推广, 无聊, 忽略, sb, 新用户, hide, block, 隐藏,
• 热门, 收藏, 关注,
• 稍后阅读, 已阅, 不再显示

也可以自己定义。 写法：

[data-utags_list_node*=",sb,"] {
  opacity: 10%;
}
[data-utags_list_node*=",block,"] {
  opacity: 5%;
  display: none;
}