input标签和textarea文本域 清除默认样式 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			* {
				margin: 0px;
				padding: 0px;
			}

			.outerNode {
				width: 100%;
				height: 100%;
				background-color: beige;
			}

			.outerNode-input {
				margin-top: 20px;
				width: 200px;
				height: 50px;
				border: 1px solid salmon;
			}

			.outerNode-textarea {
				margin-top: 20px;
				width: 200px;
				height: 100px;
				border: 1px solid salmon;
			}

			/* 删除输入框默认样式 */
			input {
				float: left;
				width: 100%;
				margin: 0px;
				padding: 0px;
				/* 静态边框 */
				border: none;
				/* 选中边框 */
				outline: none;
			}

			/* 删除文本域默认样式 */
			textarea {
				float: left;
				width: 100%;
				height: 50px;
				padding: 0px;
				/* 静态边框 */
				border: none;
				/* 选中边框 */
				outline: none;
				/* 文本域拉伸 */
				resize: none;
			}
		</style>
	</head>
	<body>
		<div class="outerNode">
			<div class="outerNode-input">
				<input type="text" />
			</div>
			<div class="outerNode-textarea">
				<textarea></textarea>
			</div>
		</div>
	</body>
</html>
posted @ 2024-12-12 23:15  觉远  阅读(223)  评论(0)    收藏  举报