如何在select中option添加复选框
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{padding: 0;margin: 0;}
#wrap{
width: 500px;
height: 500px;
border: 1px solid blue;
margin: 100px auto;
}
#selectBoard{
width: 300px;
height: 20px;
border: 1px solid black;
border-radius: 5px;
position: relative;
margin: 30px auto;
}
#selectBoard ul{
width: 300px;
background: white;
position: absolute;
top: -10px;
left: -10px;
border: 1px solid red;
border-radius: 5px;
display: none;
}
#selectBoard ul li{
list-style: none;
}
#selectBoard ul li:hover{background: dodgerblue;}
#selectBoard img{
position: absolute;
right: 0;
top: 0;
width: 30px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="selectBoard">
<ul>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{padding: 0;margin: 0;}
#wrap{
width: 500px;
height: 500px;
border: 1px solid blue;
margin: 100px auto;
}
#selectBoard{
width: 300px;
height: 20px;
border: 1px solid black;
border-radius: 5px;
position: relative;
margin: 30px auto;
}
#selectBoard ul{
width: 300px;
background: white;
position: absolute;
top: -10px;
left: -10px;
border: 1px solid red;
border-radius: 5px;
display: none;
}
#selectBoard ul li{
list-style: none;
}
#selectBoard ul li:hover{background: dodgerblue;}
#selectBoard img{
position: absolute;
right: 0;
top: 0;
width: 30px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="selectBoard">
<ul>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
