html 多选框 下拉,一个模拟html下拉多选框的原生实现.

用js, html, css 简单的实现一个HTML 下拉多选框,不试用其他框架的情况下,可以借鉴一下,如果用jqueryUI, BOOTSTRAP, 就没必要参考了。毕竟那些现成的东西更好用。

body {

font: normal 14px/100% "Andale Mono", AndaleMono, monospace;

color: #fff;

padding: 50px;

width: 300px;

margin: 0 auto;

background-color: #374954;

}

.dropdown {

position: absolute;

top:50%;

transform: translateY(-50%);

}

a {

color: #fff;

}

.dropdown dd,

.dropdown dt {

margin: 0px;

padding: 0px;

}

.dropdown ul {

margin: -1px 0 0 0;

}

.dropdown dd {

position: relative;

}

.dropdown a,

.dropdown a:visited {

color: #fff;

text-decoration: none;

outline: none;

font-size: 12px;

你可能感兴趣的:(html,多选框,下拉)