美文网首页
下拉框

下拉框

作者: wyq_0bed | 来源:发表于2017-07-10 15:06 被阅读0次
<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="icomoon/style.css" />
        <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
        <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
        <style type="text/css">
            .icon-arrow{
                display: inline-block;
                width: 32px;
                height: 32px;
                background-image: url(下拉.png);
                background-size: 32px 32px;
                background-repeat: no-repeat;
            }
            .icon-arrow:hover{
                background-image: url(下拉1.png);
            }
        </style>
    </head>
    
    <body>
        <div class="btn-group">
            <!--<button type="button" class="btn btn-danger">Action</button>-->
            <a type="button" class="icon-arrow" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  </a>
            <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#">Separated link</a></li>
            </ul>
        </div>
    </body>

</html>

相关文章

  • easyui常用方法

    1、下拉框“商品列表”实现 2、下拉框“客户列表”实现 3、下拉框“系统用户”实现 4、下拉框“物流公司”实现

  • 前端，关于下拉选择

    select标签构成的下拉框和jquery通过js构建的下拉框用法一样。例如： html下拉框： js控制的下拉框...

  • JQuery 对下拉框select option的操作

    下拉框 对下拉框的基本操作

  • 2019-06-13 JQuery 对 Select optio

    下拉框： 下面是对下拉框的基本操作：

  • Robot Framework-下拉框控制

    1. option 下拉框 下拉框采用option实现，例如： 针对这种下拉框，可以直接选用Robot Frame...

  • iview中下拉框在table中的数据绑定

    这种是普通页面上的下拉框的后台代码 /// /// 初始化仓库下拉框列表（table中的下拉框） ...

  • selenium之定位下拉框（Select）

    1. 定位