Ionic Framework 自定义 select 按钮

Question

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

我在这里试过http://codepen.io/DevinGray/pen/gPxwvB

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

这是我试过的风格

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

Ionic Framework 自定义 select 按钮

Ionic Framework to customize the select button

android

ios

css

ionic-framework

ionic