【常用代码12】原生input输入框点击获取焦点后显示边框颜色，渐变显示--边框颜色和阴影

.input {
	border: 1px solid #e5e6e7;
	margin-top: 50px;
	font-size: 32px;
	width: 100%;
	padding: 25px 0;
	text-indent: 32px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	&:focus {
		border: 1px solid #48C2A9;
	}
}

样式为移动端，所有px均为两倍大

主要代码如下

input{
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	&:focus {
		border: 1px solid #48C2A9;
	}
}