Ionic Framework 自定义 select 按钮
Ionic Framework to customize the select button
是否可以覆盖 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;
}
使用此 css 更改自定义下拉箭头颜色。
.item-select::after{
color:#FF0000;
}
.styled-select {
background: none;
}
是否可以覆盖 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;
}
使用此 css 更改自定义下拉箭头颜色。
.item-select::after{
color:#FF0000;
}
.styled-select {
background: none;
}