如何让 select 图标与 ion 图标内联

Question

我在按钮标签内有一个图标。我还有一个 select 下拉菜单，我想将其箭头图标直接与心形图标对齐。我以为我可以通过常规 css 定位来做到这一点，但除非我从按钮标签内完全删除 select 图标，否则该图标不会按照我需要的方式移动到标准 [=14] =]定位。

        <button class="toolbarButtons" ion-button >

                <ion-select id="select">
                  <ion-option value="NY">New York</ion-option>
                  <ion-option value="BO">Boston</ion-option>
                 </ion-select>

              <ion-icon name="heart">Change City</ion-icon>
     </button>

Answer 1

如果您使用 class 版本，您将可以更好地控制 Ion 图标。这样你就可以随心所欲地改变它。

示例：

    <tag class="ion-heart"> text </tag>

您可以使用此 class 自定义大小，或创建您自己的自定义大小。

要内联显示带箭头的心形，您可以查看此网站，看看它是否对您有用。 http://blog.fontawesome.io/2014/05/19/stacking-text-and-icons/ 它使用不同的图标字体，但它应该有所帮助。

如何让 select 图标与 ion 图标内联

how to get select icon inline with ion icon

css

css-position

ionic2-select