下拉列表框_html/css_WEB-ITnose

武汉市预约献血登记表








div ,ul ,li, span, table, h1~h6,{
margin:0px; padding:0px;
}
input{
background-color:#eeeee;
}
i{
color:#FF9900;
}
label{
margin-bottom: 10px;
}
small{
font-size:13px;
font-weight:600px;
}
.xy-navigation{
background-color:#00ab9f;
}
.xy-navigation ul{
list-style:none;
margin-bottom: 0px;
padding-left: 0px;
}
.xy-navigation ul li{
height:50px;
line-height:50px;
}
.xy-navigation ul li img{
width:10px;
height:20px;
}
.xy-navigation-txt{
font-size:16px;
font-weight:800;
color:#ffffff;
text-align:center;
padding-left:0px;
}
.xy-nagation-txt{
font-size:10px;
color:#999999;
}
.xy-nagation-txt span{
padding-left: 0px;
padding-right: 0px;
margin-top: 10px;
}
.xy-subtxt{
margin-top: 14px;
color:#808080;
font-size:13px;
font-weight:600px;
}
.su-form-content{
margin-left: 15px;
margin-right: 15px;
margin-top: 20px;
}
.defaule-radius{ border-radius:10px;}

.su-dropdown{
border:1px solid #dfdfdf;
border-radius:10px;
}
.su-dropdown button{
width:100%;
text-align:left;
color:#999999;
font-size:13px;
}
.su-radio-all{
border:1px solid #dfdfdf;
border-radius:10px;
background-color:#eeeeee;
}
.su-radio-all input{
margin-left:15px;
}
.su-radio-all div{
padding-top:7.5px;
padding-bottom:7.5px;
padding-left: 10px;
margin-top: 0px;
margin-bottom: 0px;
}
.radio-women{
padding-top:7.5px;
padding-bottom:7.5px;
padding-left: 10px;
margin-top: 0px;
margin-bottom: 0px;
border-top:1px solid #dfdfdf;
}
.su-dropdown-date{
width:100%;
text-align:left;
color:#999999;
font-size:13px;
}
.su-dropdown-date button{ width:100%;border-top:1px solid #dfdfdf; border-radius:10px;}
.drop-date{
width:100%;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
border-bottom:0px;
}
li{
border-bottom:1px solid #eeeeee;
}
.dropdown-menu > li > div{
clear:both
color:#333;
font-weight:400;
line-height:1.42857;
padding:3px 20px;
white-space:nowrap;
}

*::before, *::after {
box-sizing: border-box;
}
*::before, *::after {
box-sizing: border-box;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
border-top: 0px solid #ddd;
line-height: 1.42857;
padding: 8px;
vertical-align: top;
}

.btn-footer p button{width:100%; text-align:center; font-weight:600; border-radius:10px;}
.btn{ text-align:left;}
.dropdown-menu{ width:100%;}
.xy-radio{ border:1px solid #dfdfdf; border-radius:10px; background-color:#eeeeee;}/*
.xy-radio p{ padding-left:12px; margin-bottom: 0px; padding-top:6px; padding-bottom:6px; padding-right:12px;}*/
.form-group .bg-input{ background-color:#eeeeee;}
.xy-radio-p1{
border-bottom:1px solid #dfdfdf;
}

#woman-radio{
margin-right:10px;
}
#man-radio{
margin-right:10px;
}
#sub{
margin-right:10px;
}
#sub-button{ width:100%;}
.clearboth{ clear:both;}


.xue-div1{ padding:0px 15px 0 15px; height: 35px;}
.xue-div1 span{ position:relative; margin-left: 5px; top: -21px;}
.xue-div2{padding:0px 15px 0 15px; border-top:1px solid #dfdfdf; height: 35px;}
.xue-div2 span{ position:relative; margin-left: 5px; top: -21px;}

.sex-div1{ padding:0px 15px 0 15px; height: 35px;}
.sex-div1 span{ position:relative; margin-left: 5px; top: -29px;}
.sex-div2{padding:0px 15px 0 15px; border-top:1px solid #dfdfdf; height: 35px;}
.sex-div2 span{ position:relative; margin-left: 5px; top: -29px;}

.su-radio-all input{opacity:0; width:100%; border-bottom:1px solid #ffffff; visibility:hidden;}
.su-radio-all label{width:13px; height:13px; background:url(images/bt2.png); background-size:13px 13px; border-radius:100%; position:relative; top:-18px;}
.su-radio-all input[type="radio"]:checked + label{background:url(images/bt1.png) no-repeat; background-size:13px 13px;}


.xy-radio input{opacity:0; width:100%; border-bottom:1px solid #ffffff; visibility:hidden;}
.xy-radio label{width:13px; height:13px; background:url(images/bt2.png); background-size:13px 13px; border-radius:100%; position:relative; top:-10px;}
.xy-radio input[type="radio"]:checked + label{background:url(images/bt1.png) no-repeat; background-size:13px 13px;}

select{ display:none; outline:none;}
a{text-decoration:none;}
*{margin:0;padding:0;}
ul{ list-style:none;}
.select_box{
background-color:#eeeeee;
border-radius:10px;
line-height:2.5;
font-size:14px;
color:#999999;
width:100%;
margin:0px auto;
}
.select_showbox{
border:1px solid #dfdfdf;
border-radius:10px;
height:35px;
padding-left:10px;
background:url(images/bt3.png) no-repeat 156px 0;
background-size: 13px 10px;
background-position: 97.76% 13px;
}
.select_option{
border:1px solid #dfdfdf;
border-radius:10px;
border-top: none;
display:none;
}
.select_option ul{border-radius:10px;}
.select_option li{
padding-left:5px;
border-top:1px solid #dfdfdf;
}
.select_option li.selected{
background-color:#F3F3F3;
color:#999;
}
.select_option li.hover{
background:#7b6959;
color:#fff;
}

武汉市预约献血登记表

查看更多关于下拉列表框_html/css_WEB-ITnose的详细内容...