首页 > 文章 > web前端 > css3怎么去掉input光标

css3怎么去掉input光标

青灯夜游原创: 2021-12-15 11:48:154359浏览

去掉方法：1、给input元素添加“color:transparent;text-shadow: 0px 0px 0px #333;”样式即可。2、给input元素添加“caret-color:transparent;”样式即可。

css3怎么去掉input光标

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css3去掉input光标

方法1：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<input type="text" value="默认文本"/><br>
		<input type="text" value="去掉光标的默认文本" style="color:transparent;text-shadow: 0px 0px 0px #333;" />

	</body>
</html>

方法2：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<input type="text" value="默认文本"/><br>
		<input type="text" value="去掉光标的默认文本" style="caret-color:transparent;" />

	</body>
</html>

（学习视频分享：css视频教程）

以上是css3怎么去掉input光标的详细内容。更多信息请关注PHP中文网其他相关文章！

html5 css css3 input

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：css3定义渐变的语法有哪些下一篇：css3元素的翻转代码是什么

查看更多