模仿input闪烁光标

模仿闪烁的光标

<span class="cursor-blink">&nbsp;</span>

样式代码：

 .cursor-blink {display: inline-block;width: 1px;animation: blink 1s infinite steps(1, start);}/*这里设置动画blink*/@keyframes blink {0%, 100% {background-color: #000;color: #aaa;}50% {background-color: #bbb; /* not #aaa because it's seem there is Google Chrome bug */color: #000;}}

 占半个字符，闪烁起来有点大，命令工具闪烁，所以加一个宽度

根据场景需要，可以用伪类实现，::bdefore或者::after，需要的小伙伴可以试试

仅做参考

转载于:https://www.cnblogs.com/lengyue0030/p/10241290.html

模仿input闪烁光标相关推荐

css input光标粗细,如何用CSS原生属性caret-color改变input输入框光标颜色
表单对大家来说并不陌生,当然,我也不是来和大家聊怎么做表单或者处理表单的样式网格,因为这些对于大家来说都是小儿科的东西.而是来聊聊怎么改变表单控件中光标的颜色.日常开发中我们可能会有改变input光标 ...
android设置webview光标颜色,CSS自定义设置元素闪烁光标颜色
这次给大家带来CSS自定义设置元素闪烁光标颜色,CSS自定义设置元素闪烁光标颜色的注意事项有哪些,下面就是实战案例,一起来看一下. 前言因为业务需求, 要求我们的input框内的文本与悬浮的光标颜色不 ...
printf输出颜色和ANSI控制码(高亮,下划线,闪烁,光标位置,清屏等)
printf输出颜色和ANSI控制码(高亮,下划线,闪烁,光标位置,清屏等) 帝都码农 2010-05-28 23:52:00 4560 收藏 2 文章标签: function file printf ...
vue 模拟随机变速的动态打字特效【支持多行文本】（含css实现闪烁光标，js动态改变setInterval定时器的时间间隔）
随机变速的动态打字特效–最终效果随机变速的动态打字特效–完整代码 <template><div class="contentBox"><span&g ...
改变网页输入框闪烁光标颜色 IE浏览器输入框光标无法改变
改变网页输入框闪烁光标颜色 IE浏览器输入框光标无法改变开门见山地说最近遇到一个IE浏览器的问题,是关于网页输入框闪烁的光标的,在其他浏览器里,输入框的光标是设定好的白色,如下图: 结果好家伙, ...
Ubuntu开机黑屏且左上角闪烁光标，登录页面键盘鼠标无响应的解决方法
博主的系统: Linux version 5.4.0-91-generic Ubuntu 18.04 不同版本的Ubuntu遇到同样的问题应该也可以参考. 本文图片来自Ubuntu 18.04 开机黑 ...
input禁止光标_利用css隐藏input的光标方法
如何在不影响操作的情况下,把input的光标隐藏了?在网上搜索了很多方式:用p模拟,设置readonly,设置disabled,设置自动blur等等方式,发现都不能满足需求,于是最后终于找到了一种完美 ...
css 隐藏光标,利用css隐藏input的光标方法
如何在不影响操作的情况下,把input的光标隐藏了?在网上搜索了很多方式:用p模拟,设置readonly,设置disabled,设置自动blur等等方式,发现都不能满足需求,于是最后终于找到了一种完美 ...
iOS11 input的光标错位
问题原来测试好的登录模块,再iOS11 的情况下出现了 input 的光标位置跑位的现象. 原因原因出在布局的时候使用了 position:fixed; 的问题 .再iOS端本身对posit ...

模仿input闪烁光标

模仿input闪烁光标相关推荐

最新文章

热门文章