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

Question

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

Answer 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%;
    }