ionic4离子选择占位符的不透明度不能更改

par*_*hah 5 html css ionic-framework ionic4

无法更改离子v4中的占位符不透明度

我试图在global.css中更改离子选择占位符的不透明度

以下是我的代码

.select-placeholder {
opacity:1; }

but that didn't works , even i tried all methods to change it's css like
Run Code Online (Sandbox Code Playgroud)
ion-select{
        --placeholder-opacity: 1 !important;
    }
    ion-select{
         --opacity: 1 !important;
    }
    ion-select{
        opacity: 1 !important;
    }
Run Code Online (Sandbox Code Playgroud)
etc... but not works fine , event it color change very well using following code 
Run Code Online (Sandbox Code Playgroud)
   ion-select{
         color: var(--ion-color-secondary);
    }
Run Code Online (Sandbox Code Playgroud)
no change , it took default opacity <style> tag.
Run Code Online (Sandbox Code Playgroud)

任何帮助,将不胜感激

已编辑

<ion-select class="contact-us-select" interface="alert" [interfaceOptions]="customPopoverOptions"
        placeholder="selection" cancelText="cancel" okText="done" (ionChange)="onSelectChangevalue($event)">
        <ion-select-option *ngFor="let item of Data" [value]="item.id">{{item?.title}}</ion-select-option>
      </ion-select>
Run Code Online (Sandbox Code Playgroud)

小智 5

ion-select{
    --placeholder-opacity: 1 !important;
    color:black;
}
Run Code Online (Sandbox Code Playgroud)


Ira*_* JW 2

全局.scss

ion-select{
     opacity: 0.3 !important;
     color: var(--ion-color-secondary);
}
Run Code Online (Sandbox Code Playgroud)

这应该可以很好地更改全局 scss,您只需要--更改组件中定义的 scss 变量。

在此输入图像描述