提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

css案例12——去除表单控件聚焦后默认的轮廓线

案例CSS 控件 默认 12 表单 去除 聚焦
2023-09-14 09:13:44 时间

一、案例描述

例如，当行文本框在点击之后会自动出现默认的轮廓线。
请添加图片描述

二、方法

去除轮廓线
给该控件添加属性：outline:none;请添加图片描述

三、案例代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<style>
			input{
				outline: none;
			}
		</style>
	</head>
	<body>
		<input type="text" />
	</body>
</html>

四、总结

参考：https://developer.mozilla.org/zh-CN/docs/Web/CSS/outline

相关文章