html - 覆盖 Font Awesome 图标白色背景图像

Question

我正在尝试用背景图像覆盖/替换 Font Awesome 图标。我只有 CSS 访问权限。

我有:

.btn.btn-default.bootstrap-touchspin-up:before {
    font-family: Fontawesome;
    content: "\f067";
    font-size: 14px;
}

我想要实现的目标:

.btn.btn-default.bootstrap-touchspin-up:before {
    background-image : url(Images/arrows-left-right.png);
    font-family: initial;
    content: "";
    font-size: 14px;
    height: 20px;
    width: 20px;
}

Answer 1

你需要这些额外的属性

  width: 15px;
  height: 15px;
  display: inline-block; 
  background-position: center;
  background-size: contain;

正如@Alexander De Sousa 在评论中提到的，内联 block 是保持所有内容内联的更好选择。