css - 不是全局更改 ionic 搜索栏的占位符和清除图标颜色？

Question

我有两个 ionic 搜索栏，我只需要更改其中一个的占位符和清除图标颜色。

<ion-searchbar class="search-bar"
                placeholder="search"></ion-searchbar>

我需要更改此 ionic 搜索栏特定的占位符和清除图标颜色，而不是全局更改，这样另一个 ionic 搜索栏仍将具有默认颜色...任何人有任何想法。提前致谢。

Answer 1

如果您使用 css 处理此问题，这是一个解决方案[style] 属性并调用一个函数，该函数将返回您想要的确切类。

     @Component({
      selector: 'my-app',
      template: `
<ion-searchbar [style]="getStyle()" class="search-bar"
                placeholder="search"></ion-searchbar>
      `
    })
    export class App {

      getStyle() {
        // snip snip -> fetch the url from somewhere
        const profilePicUrl = 'some-remote-server-url.jpg';
        const style = `background-image: url(${profilePicUrl})`;
        return style;
      }

    }