尝试样式化所选标签的长度时，由于某种原因，它不会调整，并且会将离子选择推到比屏幕更大的位置，从而使元素碰到屏幕的侧面。
Selected option is too long

<ion-select placeholder="How did you hear about us?">
<ion-select-option>Recommendation - Children's Centre</ion-select-option>
<ion-select-option>Recommendation - Hospital</ion-select-option>
<ion-select-option>Recommendation - Local Authority / Social Services</ion-select-option>
</ion-select>

ion-select {
border:1px solid #ccc;
border-radius: 5px;
height:38px;
--padding-start:10px;
outline:0;
width: 100%;
max-width:100%;
}

如果我添加显示块的离子选择，半解决它，但然后下降的箭头选择下面。
只需要它截断选定的选项，如果它太大，但当我检查它，它显示标签是在#阴影根，我不能得到，以风格。
任何帮助将是伟大的。
离子型：
Ionic CLI：6.17.1（C：\Users\Me\AppData\Roaming\npm\node_modules@ionic\cli）Ionic Framework：@ionic/angular 5. 6. 13 @angular-devkit/build-angular：12. 1. 4 @angular-devkit/schematics：12.1.4@angular/cli：12.1.4@ionic/angular-toolkit：4.0.0
电容器：
电容器CLI：3.3.2@capacitor/android：3.3.2 @电容器/磁芯：3.3.2@capacitor/ios：3.3.2
实用程序：
科多瓦-雷斯：未全局安装本机运行：1.5.0
系统：
NodeJS：v14.17.6（C：\Program Files\nodejs\node.exe）npm：6.14.15操作系统：Windows 10系统