ion-input：溢出：隐藏！重要的文本溢出：省略号；不为我工作

Question

我在此CSS类中输入了离子，但无法正常工作。

我尝试了所有解决方案in this link:

，它仍然无法正常工作 这是我的代码：

html：

<ion-input 
    placeholder="{{data.IncentiveText | translate}}" (input)="updateSearch()" 
    [(ngModel)]="autocomplete.query" 
    [id]="data.FieldName" 
    [type]="text" 
    name="data.FieldName" 
    class="search"></ion-input>

css：

.search{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: auto !important;
    max-width: 100% !important;
    margin-top: 30px;
    white-space:nowrap !important;
    display:block !important;
    float:left;
    position: static;
}

你有什么解决办法吗？