CSS3中如何去掉input光标?教你两个方法
Admin 2022-02-11 群英技术资讯 2719 次浏览
这篇文章给大家分享的是CSS3中如何去掉input光标的方法。如果大家不想要显示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>

以上就是CSS3中去掉input光标的两种方法,上述方法及示例具有一定的参考价值,有需要的朋友可以了解看看,想要了解更多CSS3的使用,大家可以继续浏览群英网络其他相关的文章。
文本转载自PHP中文网
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
如果说 css 作为前端开发的基本功, 那么 "选择器" 就是基础中的基础,本文介绍了css3 伪类选择器快速复习,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
浏览器支持所有主流浏览器都支持visibility属性。注释:任何的版本的internetexplorer(包括ie8)都不支持"inherit"和"collaps教程e"属性值。所有主流浏览器都支持display属性。注释:任何版本的internetexplorer(包括ie8)都不支持"inherit"、"inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table- ...
表格是html中经常使用到的,简单的使用可能很多人都没问题,但是更深入的了解的人恐怕不多,下面我们先来看一下如何使用。<table>是<tr>的上层标签<tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签. <table>标示一个表格,<tr&am
下面小编就来给大家分享下CSS设计梯形标签页的代码内容,如果你为此而困扰的话,那么这篇文章一定会对你有所帮助。接下来的时间就让爱站技术频道小编给大家说说看。
定义load事件监听的两种方法:一是通过addEventListener,把load事件绑定到window上。window.addEventListener('load',function(){console.log('windowonload');});二是直接在body上添加onload属性。<bodyonload="console.log('onlo
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前:400-678-4567
7x24小时售后:0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话:010-58813000
服务邮箱:service@cnnic.cn
投诉与建议:0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 ICP核准(ICP备案)粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008