如何使离子选择选择图标位置向右，但只是图标，选择文本位置向左答案

【问题标题】：How to make ion-select select-icon position right but just icon, select-text position left如何使离子选择选择图标位置向右，但只是图标，选择文本位置向左
【发布时间】：2019-12-30 16:06:07
【问题描述】：

我希望它在离子输入元素上具有标准设计。我有一个离子选择元素，这个元素在选择框文本左对齐，但我希望选择图标右对齐。我在这样的 HTML 元素上做：https://ibb.co/99YXc8B。但我不是在做 sccs 风格。我尝试了很多。 Stackblitz 链接：https://stackblitz.com/edit/ionic-fdqf4z?file=pages%2Fhome%2Fhome.scss

【问题讨论】：

标签： ionic-framework sass ionic4

【解决方案1】：

用这个 CSS 代码替换你的 CSS。它会起作用。

     [inline-icon] {
        font-size: 2em !important;
        padding-right: 3px !important;
        color: #808080ba !important;
    }
    .try{
      color: red;
      width:100%;
    }
    ion-select
    {
      max-width: 100%;
    }

【讨论】：