Ionic Framework自定义选择按钮

Question

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

我试图在这里fiddle

这样做

但它只是将箭头放在原件上而不是替换它

这是我试过的样式

 .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;
}

Answer 1

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

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

.styled-select {
    background: none;
}