css 电子邮件输入字段响应Dano多用途和响应WordPress主题http://themeforest.net/item/dano-multipurpose-responsive-w

Posted 2021-05-13

.comment-form-file input[type="email"] {
	height: 21px;
	line-height: 21px;
}
.comment #respond .comment-form-file input[type="email"],
.comment-form-file input[type="email"] {
	width: 760px;
	padding: 8px 9px;
}

.comment-form-file input[type="email"] {
	text-transform: uppercase;
	font-size: 10px;
}
.contact-form-wrapper input[type="email"] {
	padding: 8px 9px;
	height: 21px;
	line-height: 21px;
}

.contact-form-wrapper input[type="email"] {
	width: 760px;
}


/*960*/
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.comment-form-file input[type="email"],
	.contact-form-wrapper input[type="email"] { width: 600px; }
}
/*768*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.comment-form-file input[type="email"],
	.contact-form-wrapper input[type="email"] { width: 470px; }
}
/*480*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.comment-form-file input[type="email"],
	.contact-form-wrapper input[type="email"] { width: 440px; }
}
/*320*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.comment-form-file input[type="email"],
	.contact-form-wrapper input[type="email"] { width: 280px; }
}
/*240*/
@media only screen and (max-width: 319px) {
	.comment-form-file input[type="email"],
	.contact-form-wrapper input[type="email"] { width: 200px; }
}