ionic 3搜索栏样式和搜索图标颜色变化

Question

现在我有一个搜索栏，但我希望它的边框是圆形的，我该怎么办？我尝试过 border : round,border-radius:10px ... 但它不起作用。我什至想更改搜索图标颜色并取消图标颜色？关于如何实现这些目标的任何想法

Answer 1

更改图标颜色。在“主题”文件夹中的“variables.scss”文件中添加此行；

$searchbar-md-input-search-icon-color:#yourColor;

要更改搜索栏的边框半径，请转到与包含搜索栏的页面关联的 SCSS 文件，然后将其放入

 ion-searchbar{        
    .searchbar-input-container{            
        .searchbar-input{
            border-radius: 20px;
        }
    }
 }