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

Question

我想更改添加文档按钮的大小，我更改了大小，但旁边的加号图像保持不变。我还想为其添加背景颜色，使其看起来更像一个按钮。请指教。

这是我当前的代码。

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

供引用，/image/rBTse.jpg
按钮看起来像:/image/ObkuW.jpg

Answer 1

我们需要一个代码示例来更好地帮助您，我尝试重新创建类似于您向我们提供的图像的按钮:

HTML:

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

CSS:

.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;
}

如果您使用库，自定义样式可能不会生效，因为库存在干扰。

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

您可以了解有关:hover的更多信息 here 。