支持备选项的标签控件

最新推荐文章于 2024-04-23 02:00:49 发布

VIP文章 wanghan1977

最新推荐文章于 2024-04-23 02:00:49 发布

阅读量194

点赞数

分类专栏： javascript html 文章标签： jquery html js

本文链接：https://blog.csdn.net/wanghan1977/article/details/107013936

版权

<html>
	<head>
		<style>
			.label-container{
				vertical-align: middle;
				line-height: 40px;
			}

			.label-container a{display: inline-block; padding:0 20px 0 8px; position: relative; margin:0 4px; }
			.label-container a em{display:none; width: 16px; height: 100%; position: absolute; background: #f60;right: 0;top: 0;}
			.label-container a em:after{ content: "-"; color: #fff; font: bold 20px 'Microsoft Yahei';}
			.label-container a:hover em{ display: block; }
			a.label-add-input{display: inline-block;font: bold 20px 'Microsoft Yahei'; color: #2cac93}

			.label-list{
			    position: absolute;
			    top: 0;
			    left: 0;
			    z-index: 999;
			    background-color: white;
			    width: 100%;
			    border:1px solid #ddd;
			}

			.fm-button {
				display: inline-block;
				text-align: center;
				color: #000;
				height: 28px;
				line-height: 28px;
				font-size: 14px;
				padding: 0 1em;
				border: 1px solid #ddd; border-radius: 5px;
				border-radius: 3px;
				opacity: .9;
				filter: alpha(opacity=90);
			}

			a{text-decoration:none;}
			h3{color: aliceblue}

			#d1{
			    position: relative;
			}
			.d2{
			    width:200px;
			    border:1px solid #ddd;
			    display: none;
			    line-height: 30px;
			    position: relative;
			}
			.d2 ul{
			    margin:0px;
			    padding-left:0px;
			}
			.d2 ul li{
			    padding:2px 0 2px 12px;
			    font-weight: 300;
			    list-style-type: none;
			    border-bottom: 1px dotted #D4D4D4;
			}
			.d2 ul li:hover{
			    background-color: #D9EDF7;
			}
		</style>
		<script src="js/jquery-1.8.3.min.js"></script>

最低0.47元/天解锁文章

wanghan1977

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
支持备选项的标签控件

<html> <head> <style> .label-container{ vertical-align: middle; line-height: 40px; } .label-container a{display: inline-block; padding:0 20px 0 8px; position: relative; margin:0 4px; } .label-container a em{displa.
复制链接

扫一扫