用纯css改变下拉列表select框的默认样式可以识别ie7 火狐等浏览器

新手上路,请多包涵

<select>

                            <option>- 请选择 -</option>
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                        </select>
                        
                            css:
                            select{
                                    width: 192px;
                                    appearance:none;
                                    -moz-appearance:none;
                                    -webkit-appearance:none;
                                    height: 28px;
                                    border: 1px #e5e5e5 solid;
                                    padding:0 5px;
                                    background:url(../images/caac_5.png) no-repeat 176px;
                                }

                        select::-ms-expand { display: none; }
                        select option{
                        color:#333;
                            }
                            
阅读 6.9k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题