Javascript 如何更改按钮的大小并为其添加背景色？

我想更改“添加文档”按钮的大小，我更改了大小，但旁边的加号图像保持不变。我还想添加背景色，使它看起来更像一个按钮。请告知

这是我目前的代码

<style>
.ms-addnew {
font-size: 20pt ! important;
}
</style>

作为参考， 按钮看起来像：

使用需要使用，&

使用需要使用，&

尝试引导CSS

演示：

更新：

脚本将引导CSS应用于span元素，您可以使用开发人员工具检查textnew文档匹配，如果熟悉JS，您可以调试它

尝试引导CSS

演示：

更新：

脚本将引导CSS应用于span元素，您可以使用开发人员工具检查textnew文档匹配，如果熟悉JS，您可以调试它

---

我们需要一个代码示例来更好地帮助您，我尝试重新创建与您提供给我们的图像类似的按钮，如下所示：

HTML:

如果使用的是库，则自定义样式可能不会生效，因为库正在干扰

您可以使用此代码示例进行检查

---

您可以了解更多关于：hover的信息。

我们需要一个代码示例来帮助您更好地使用，我尝试重新创建一个按钮，该按钮与您提供给我们的图像类似，如下所示：

HTML:

如果使用的是库，则自定义样式可能不会生效，因为库正在干扰

您可以使用此代码示例进行检查

---

您可以了解更多关于：hover.

Hi Lee_MSFT，我不知道为什么，但我在脚本编辑器中添加了代码，它们没有改变任何内容。Hi Lee_MSFT，我不知道为什么，但我在脚本编辑器中添加了代码，它们没有改变任何内容。Hi explorer，我尝试了，但它为整个背景引用着色：我尝试使用“color:white；”更改文本颜色，但这不起作用。请告知。使用CSS，可以指定元素的背景，也可以指定文本的颜色。您需要发布HTML代码来提供特定的解决方案。嗨，资源管理器，我试过了，但它给整个背景添加了颜色参考：我试过使用“color:white；”更改文本颜色，但这不起作用。请告知。使用CSS，可以指定元素的背景，也可以指定文本的颜色。你需要发布HTML代码来提供具体的解决方案。我们可以也要一些HTML吗？我们可以也要一些HTML吗？嗨，Manuel Abascal，谢谢你提供的示例代码。如何添加悬停效果使按钮变暗？嗨，Manuel Abascal，谢谢你提供的示例代码。如何添加悬停效果使按钮变暗？

.ms-addnew {
  ...
  width: <value>;
  height: <value>;
  background-color: <value>;
}

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <script type="text/javascript">
        $(function () {
            $("span:contains('new document')").addClass("badge badge-primary")
        })
    </script>

<button class='btn-info'>Post your question</button>

.btn-info {
  background: #07a3f7;
  color: #fff;

  border: none;
  border-radius: 3px;

  font-size: 18px;

  padding: 15px 25px;
}

.btn-info:hover{
 background: #0572ad;
 transition: 0.8s background;
}