Android 用于自定义选择按钮的Ionic框架

是否可以覆盖选择菜单的离子css以显示自定义下拉箭头

我在这里试过这么做

但它只是把箭头放在原来的上面，而不是替换它

这就是我尝试过的风格

 .styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }

.styled-select {
    padding: 0 5px 0 0;
   overflow: hidden;
   background: url(http://rccgroseofsharon.co.za/images/more4.png) no-repeat right !important;
   border: 1px solid #ccc;
}

---

使用此css更改自定义下拉箭头颜色

.item-select::after{
    color:#FF0000;
}

.styled-select {
    background: none;
}