html - float 图标在 jsfiddle 中正确垂直对齐，但在本地浏览器中不正确

Question

我有一个带有文本的下拉框，右端有一个倒三 Angular 形。我在我的本地浏览器上看到一个问题，包括 firefox 和 chrome，其中三 Angular 形与顶部对齐。看起来，

当我在 jsfiddle 上运行代码时，我没有看到这样的问题。检查here ..

我正在使用 line-height 属性来垂直对齐，

.fa-caret-down{       
   line-height: 40px;
 }

  .btn-text{
    line-height: 40px;
  }

为什么我的本地浏览器行为不同？有什么办法可以将图标移到中间吗？

Answer 1

默认字体 line-height 是否覆盖了您的 40px 字体？尝试 line-height: 40px !important; 并检查结果。如果没有，请发布显示此下拉属性的检查器屏幕截图。