select 下拉列表选择框效果及美化（before 和 :after伪元素的妙用）

最新推荐文章于 2024-05-24 13:19:01 发布

置顶

最骚的就是你

最新推荐文章于 2024-05-24 13:19:01 发布

阅读量1.4w

点赞数

分类专栏： web前端学习文章标签： select

本文链接：https://blog.csdn.net/libin_1/article/details/52195285

版权

参考博客：https://github.com/chokcoco
http://www.cnblogs.com/libin-1/p/5766729.html
http://www.cnblogs.com/coco1s/p/5667853.html
http://sbco.cc/magicCss/html/index.html
http://www.cnblogs.com/coco1s/p/5333786.html
http://www.cnblogs.com/coco1s/p/5528393.html
http://www.cnblogs.com/coco1s/p/5333786.html
http://www.cnblogs.com/coco1s/p/5365179.html

这里写图片描述

原文地址：http://www.cnblogs.com/LY-leo/p/5765598.html

来一个简单的：https://github.com/cometwo/select_meihua

或者这个：http://www.dowebok.com/demo/196/

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
        <style type="text/css">
            ul li {
                list-style: none;
            }

            .test {
                position: relative;
                float: left;
                width: 120px;
                height: 40px;
                padding-left: 11px;
                font-size: 15px;
                line-height: 40px;
                cursor: pointer;
                border: 1px solid #d2d2d2;
                border-radius: 3px;
                margin-right: 20px;
                outline: none;
            }

            .test:before {
                position: absolute;
                right: 13px;
                top: 18px;
                width:

最低0.47元/天解锁文章

最骚的就是你

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
select 下拉列表选择框效果及美化（before 和 :after伪元素的妙用）

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <style type="text/css">
复制链接

扫一扫