日期:2014-05-16  浏览次数:20449 次

仿select下拉框

请问下这种仿select下拉框 应该这么做啊

------解决方案--------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
    <style type="text/css">
        * {
            margin: 0px;
            padding: 0px;
        }

        .select_input {
            border:1px solid #DCDCDC;
            cursor: pointer;
            width:180px;
            height: 28px;
            margin: 10px 0px 0px 10px;
            padding: 0 0 0 5px;
        }

        .select_content {
            border: 1px #CCCCCC solid;
            width: 185px;
            height: 290px;
            overflow: auto;
            overflow-x: hidden;
            margin-left: 10px;
            position:absolute;
            top:40px;
            left:0;
            z-index:99;
            background-color: white;
        }

        .select_content span {
            cursor: pointer;
            display: block;
            color: #788F72;
            width: 180px;
            height: 22px;