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 @   觉远  阅读(89)  评论(0)  编辑  收藏  举报
相关博文：
·  元素透明度样式
·  关于file类型的input标签的使用技巧
·  css清除默认样式代码
·  常用清除默认样式
·  修改 input框、textarea框的placeholder样式
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配，妙~啊~
· .NET Core 中如何实现缓存的预热？
点击右上角即可分享
微信分享提示
SQL AI 助手