0

大家，我在 Safari 上渲染 icomoon 图标时遇到问题，它们看起来比在 Chrome 上看起来更大胆和更大。

我试图设置font-sizeandfont-weight但这似乎不起作用

这些是我正在应用的样式，我使用的是 bootstrap 4，所以我覆盖了它们下拉列表的默认图标

.dropdown-toggle::after {
  font-family: 'icomoon' !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e97b';
  border-top: 0px solid;
  font-size: 6px;
  margin-left: 8px;
}

这是 HTML：

<button
  ref={props.buttonRef}
  className="btn btn-secondary dropdown-toggle d-flex align-items-center"
  type="button"
  data-toggle="dropdown"
  onClick={openDropdown}
  aria-haspopup="true"
  aria-expanded={getState().isOpen}
  disabled={props.disabled}
>
  <span className="shrink-text">{props.placeholder}</span>
</button>

以下是它们外观的一些屏幕截图：Chrome 铬合金

苹果浏览器 苹果浏览器

知道会是什么吗？

4

0 回答 0