如何使ion-select选择图标的位置靠右,但仅使图标,选择文本的位置靠左

时间:2019-08-26 12:56:34

标签: ionic-framework sass ionic4

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

1 个答案:

答案 0 :(得分:2)

用此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%;
    }