Webkitのtextarea入力ボックス
Webkitシリーズブラウザ(Safari、Chrome)のtextareaのデフォルト効果は、他のブラウザとは異なり、例えばtextareaはドラッグしてサイズを調整し、フォーカス(onfocus)すると枠が黄色になることが知られています.これらの効果は確かにかっこいいですが、私たちは時々これらの効果を必要としません.どうすればいいですか?これらの効果は、実用的なCSSで簡単にキャンセルできます.
1.ドラッグ・サイズ変更の解除
2.フォーカス時の枠線の色は変わらない
1.ドラッグ・サイズ変更の解除
textarea {
resize: none;
}
2.フォーカス時の枠線の色は変わらない
textarea:focus {
outline: none;
}