Making a drop-down list with Css+js

The use of text boxes to make, can not affect the background data transmission.
<! DOCTYPE html>{margin:0;padding:0;Border:0;}Body{font-family:"Microsoft Jas Black";}. in{width:150px;Height:30px;cursor:Pointer;position:relative;}. In. Choose{width:120px;Height:30px;Line-height:30px;text-align:Center;float: Left;background:#ff9933;cursor:Pointer;}. in b{width:30px;Height:30px;float: Left;position:relative;background:#cc6600;}. In B:after{content:"";width:0;Height:0;Border-width:10px;Border-style:Solid;Border-color:#fff Transparent Transparent;position:Absolute; Right:5px;Top:10px;}. Select{width:150px;Height:150px;position:Absolute;Top:100%;Display:None;}. Select Li{Display:Block;width:150px;Height:30px;Line-height:30px;text-align:Center;Color:#3333cc;cursor:Pointer;letter-spacing:5px;background:#ffff33;}. Select Li:hover{background:#ff9933;}. Submit{width:80px;Height:30px;Margin-top:20px;Border-radius:5px;background:-webkit-linear-gradient (Top, #ffcc33, #ffff33);cursor:Pointer;background:-moz-linear-gradient (Top, #ffcc33, #ffff33);background:-ms-linear-gradient (Top, #ffcc33, #ffff33);Filter:progid:DXImageTransform.Microsoft.gradient (startcolorstr= "#ffffcc33", endcolorstr= "#ffffff33");}. Submit:active{background:-webkit-linear-gradient (Top, #ffff33, #ffcc33);background:-moz-linear-gradient (Top, #ffff33, #ffcc33);background:-ms-linear-gradient (Top, #ffff33, #ffcc33);Filter:progid:DXImageTransform.Microsoft.gradient (startcolorstr= "#ffffff33", endcolorstr= "#ffffcc33");}</style>{sel.style.display = "block";}wrap.onmouseout = function (){Sel.style.display = "None";}For (var i=0,l=lis.length; i<l; i++){Lis[i].onclick = function () {chose.value = This.innerhtml;sel.style.display = "None";}}</script></body>

Making a drop-down list with Css+js