自定义select样式

Posted niunan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自定义select样式相关的知识,希望对你有一定的参考价值。

自定义select样式,下面是CSS代码,主要是那个

appearance 样式

 

    select {
    width: 220px; 
    margin-left: 12px;
    padding-left: 12px;
    height: 31px;
    line-height: 31px;
    font-size: 12px;
    color: #333;
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    background: url(simg3.jpg) right center no-repeat;
    background-size: 29px 27px;
    border: 2px solid #fe606e;
    overflow: hidden;
}

下面是相关图片:

技术图片

技术图片

以上是关于自定义select样式的主要内容,如果未能解决你的问题,请参考以下文章

如何为antd Select设置自定义样式?

Typora设置自定义代码颜色

Angular UI - ui-select 自定义样式

在grapesjs样式管理器中集成select2或任何自定义选择插件

使用带有自定义引导样式的 Django 模板放置 <select> 字段

Ag Grid 自定义(选定)行样式