Question

我在https://www.css3buttongenerator.com的帮助下创建了一个按钮。我现在正在尝试调整html上按钮的大小，以使按钮上的图标完全适合它。我希望它们的大小相同。但是该网页并没有真正帮助我。

这是我的代码的样子。 HTML：

<button class="butn"><i class="fa fa-question-circle-o" id="AnzeigeerstellenHilfe"></i></button>

CSS：

.butn {
  color: #859f38;
    background-color:transparent;
     background-size: 30px !important;
    width: 22px !important;
    height: 22px !important;
  text-decoration: none;
    border: none;
     outline: 0 !important;
}

我一直在使用.css上的值并更改/添加内容，但到目前为止没有成功。我该怎么办？

Answer 1

使用

#icon {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
  }

Answer 2

尝试：

<button class="butn"><i class="fa fa-question-circle-o" id="AnzeigeerstellenHilfe"></i></button>

.butn {
   color: #859f38;
   background-color:transparent;
   text-decoration: none;
   border: none;
   outline: 0 !important;
}

或如果要调整图标大小，请使用@sao的答案

HTML：如何更改按钮的大小，使其与按钮上的图标大小相同？

2 个答案: