2022/03/24

【css】inputの初期スタイルを消したいんじゃ

【css】inputの初期スタイルを消したいんじゃ

毎回なのよね。調べてはコピペ

「最初っから消しとけばいいじゃーん」

時々そのまま使いたいときあるのよね

だもんで書いときまする

input {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

ほいでテキストタイプとテキストエリアで使うこと多いからねー
あと、font-familyとかwidthとかいっつも入れて、テキストエリアを横に伸ばされると見た目よくないからー

textarea,
input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	background: none;
	box-shadow: none;
	border: none;
	border-radius: 0;
	outline: none;
	resize: vertical;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

こんなんですかいな

SHARE
CATEGORY
TAGS