input 框后面带单位、提示

css


   .input-group {
            position: relative;
            display: table;
            border-collapse: separate;
            width: 100%;
        }
        .input-group .form-control, .input-group-addon {
            display: table-cell;
        }
        .input-group-addon {
            padding: 5px;
            text-align: center;
            background-color: #eee;
            border-radius: 2px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
        .input-group .form-control:first-child{
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

html


dBi


input 框后面带单位、提示_第1张图片




	
		
		
		
		带单位列表
		
		
	
	
		
dBi
km/h
m/s

result         input 框后面带单位、提示_第2张图片

上班四个多月,学到了,加油!

你可能感兴趣的:(学习,html,css)