使用css打造自定义select(非模拟)实现原理及样式

实现原理很简单: 1,使用appearance:none去除select的默认样式; 2,配合使用gradient、background-size,background-position,拼出自定义的样式 我定义的样式和浏览器默认给出的样式没多大差别,主要是简单实现一下,大家可以发挥想象力做出绚丽的select。 实现css如下: 复制代码代码如下: select{ margin: 0; padding: 0; outline: none; height: 25px; line-height: 25px; width: 120px; border: rgb(191, 204, 220) 1