CSS/HTML5简洁蓝色带下拉框自定义搜索组件

说明

演示效果分辨率为1980x1080分辨率效果
高度可定制修改
纯css代码控制
select可以通过css控制 /option不支持css控制样式 想做出漂亮的下拉列表最后是自定义下拉组件

css代码

		.input-group {
   
				width: 550px;
				height: 50px;
				margin: 0 auto;
				margin-top: 46px;
				border: 1px solid #cccccc;

			}

			input[type="text"] {
   
				height: 48px;
				width: 340px;
				background: #FFFFFF;
				font-size: 14px;
				float: left;
				border: 0px solid #FFF;/* 必须加 可能配合下一句使用 */
				border-left: 1px solid #c0c0c0;
				padding-left: 15px;
				outline: none;

			}

			input,
			select,
			a:focus {
   
				outline: none;
			}

			button[type="submit"] {
   
				height: 50px;
				width: 50px;
				background: #2699FB;
				border: