KSK
3/9/2018 - 2:45 AM

1700831 アピアランス設定

★171130追記-------------------------------------
そのページに追加するtypeを追記する
input[type="text"],
input[type="tel"],
input[type="email"],
---------------------------------------------------

/* -----------------------------------------------------------
	appearance解除
----------------------------------------------------------- */
input[type="text"],
input[type="submit"]{
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

//チェックボックス、ラジオボタンにマージンライト。 appearance
input[type="checkbox"],
input[type="radio"]{
	margin-right: 5px;
	-webkit-appearance:normal;
	-moz-appearance:normal;
	appearance:normal;
}

//ボタン要素リセット
button{
	border: none;
	cursor: pointer;
	background: none;
	padding: 0;
	margin: 0;
}
textarea,
input[type="text"]{
	padding: 5px;
	border: 1px solid #ccc;
}
select{
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	border: 1px solid #ccc;
	padding-right: 25px !important;
	background: #fff url(../images/common/ic_arrow_down.png) right center no-repeat;
	background-size: 8%;
}

//IE セレクトボックス補正
select::-ms-expand {
	display: none;
}

//Firefox セレクトボックス補正
select {
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
}

textarea {
	-webkit-appearance: none;
	border: 1px solid #ccc;
	background: #fff;
}