# 如何更改注册按钮的颜色
**URL:** https://meta.discourse.org/t/how-to-change-color-of-the-sign-up-button/210640
**Category:** Support
**Created:** [2021 年12 月 1 日 06:24 UTC](https://meta.discourse.org/t/how-to-change-color-of-the-sign-up-button/210640 "2021-12-01T06:24:18Z")
**Posts on this page:** 7
**Page:** 1
### 作者：  [@hequaye](https://meta.discourse.org/u/hequaye)
#### 发布日期： [2021 年12 月 1 日 06:24 UTC](https://meta.discourse.org/t/how-to-change-color-of-the-sign-up-button/210640/1 "2021-12-01T06:24:18Z")
大家好！我想知道如何自定义我的注册按钮。我想只将我的注册按钮的颜色更改为绿色，而不是所有标题按钮的颜色。
我使用的是 Discourse 托管论坛，抱歉，这可能是一个初学者的问题，我确实是初学者，并且为了弄清楚这一点已经熬了一整晚。
我正在使用 AIR 主题。
---
### 作者：  [@Steven](https://meta.discourse.org/u/Steven)
#### 发布日期： [2021 年12 月 1 日 14:27 UTC](https://meta.discourse.org/t/how-to-change-color-of-the-sign-up-button/210640/2 "2021-12-01T14:27:33Z")
您好！
我不确定您在托管论坛上拥有哪些选项，但我假设您在管理员面板中有“自定义”部分。
在您的主题中，编辑 CSS/HTML，然后在“通用”中添加此内容：
```css
.d-header .sign-up-button {
background: #48bb6a;
}
```
如果不起作用，您可能需要添加 `!important` 以确保此颜色具有优先权，如下所示：
```css
.d-header .sign-up-button {
background: #48bb6a !important;
}
```
---
### 作者：  [@hequaye](https://meta.discourse.org/u/hequaye)
#### 发布日期： [2021 年12 月 1 日 14:46 UTC](https://meta.discourse.org/t/how-to-change-color-of-the-sign-up-button/210640/3 "2021-12-01T14:46:24Z")
您好 @Steven，谢谢，它奏效了！问题是我没有看到任何 signup 变量。我需要熟悉 CSS 的变量，以及如何在 HTML 中找到它们。谢谢！
---
### 作者：  [@Steven](https://meta.discourse.org/u/Steven)
#### 发布日期： [2021 年12 月 1 日 15:15 UTC](https://meta.discourse.org/t/how-to-change-color-of-the-sign-up-button/210640/4 "2021-12-01T15:15:08Z")
查找变量可能很棘手。对我进步帮助很大的是浏览器中的“检查”功能，您可以探索代码和 CSS 并尝试实时进行一些更改。
在这种情况下，Discours 开发人员为注册和登录按钮添加了一个特定的类，这很有帮助。
但请随时在此处提问，社区将始终尽力提供帮助。
---
### 作者：  [@hequaye](https://meta.discourse.org/u/hequaye)
#### 发布日期： [2021 年12 月 1 日 18:02 UTC](https://meta.discourse.org/t/how-to-change-color-of-the-sign-up-button/210640/5 "2021-12-01T18:02:29Z")
@Steven 太棒了！！！非常感谢！我的注册按钮变成绿色了！
我使用了检查工具，想知道是否有办法将“所有标签”菜单按钮的名称更改为“LFX 工具”以满足我的用例。考虑到整个论坛都是基于标签的，我可能不得不在 HTML 中找到它，但改变标签功能名称为工具会很复杂，你觉得呢？
---
### 作者：  [@Steven](https://meta.discourse.org/u/Steven)
#### 发布日期： [2021 年12 月 1 日 23:25 UTC](https://meta.discourse.org/t/how-to-change-color-of-the-sign-up-button/210640/6 "2021-12-01T23:25:41Z")
您可以在管理面板中编辑此特定文本：自定义 \> 文本
在搜索栏中输入：`js.tagging.selector_all_tags`
然后验证文本
但是，从一般角度回答您的问题，编辑文本是可行的，但使用 CSS 会很棘手。我通常在 `::before` 或 `::after` 类中使用 `content` 选择器。
[https://www.w3schools.com/cssref/sel\_before.asp](https://www.w3schools.com/cssref/sel_before.asp)
如果我们没有编辑文本的可能性，我不是专家，但我会这样做。
首先，我隐藏“所有标签”文本：
```css
summary.tag-drop-header .name {
font-size: 0;
}
```
然后，我创建一个新的 CSS 类，其中包含要添加的文本内容，并且我需要指定 `font-size` 来覆盖之前的设置：
```css
summary.tag-drop-header .name::after {
content: "LFX Tools";
font-size: 15px;
}
```
---
### 作者：  [@system](https://meta.discourse.org/u/system)
#### 发布日期： [2021 年12 月 31 日 23:26 UTC](https://meta.discourse.org/t/how-to-change-color-of-the-sign-up-button/210640/7 "2021-12-31T23:26:24Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.