iview select组件下拉图标改成实心箭头图标

工作中使用了了iview的select组件,设计图上要求是实心的箭头图标

image

查看select组件代码,可以看到是使用了iview的图标组件 <Icon type="ios-arrow-down" />


image.png

image.png

把<Icon type="ios-arrow-down" /> 替换成 实心下拉图标<Icon type="md-arrow-dropdown" />

.ivu-icon-ios-arrow-down:before{
    color: #67A1EA;
    content: "\F33D";//替换content
}

最后效果


image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。