HtmlCss光标透明隐藏光标 221106笔记

光标有两种

  1. 文字插入符光标(caret), 一闪一闪的竖线
  2. 鼠标光标(cursor), 或者应该叫指针, 或叫鼠标指针
#mermaid-svg-cjsAgEy2Oy5IoPTo {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-cjsAgEy2Oy5IoPTo .error-icon{fill:#552222;}#mermaid-svg-cjsAgEy2Oy5IoPTo .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-cjsAgEy2Oy5IoPTo .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-cjsAgEy2Oy5IoPTo .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-cjsAgEy2Oy5IoPTo .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-cjsAgEy2Oy5IoPTo .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-cjsAgEy2Oy5IoPTo .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-cjsAgEy2Oy5IoPTo .marker{fill:#333333;stroke:#333333;}#mermaid-svg-cjsAgEy2Oy5IoPTo .marker.cross{stroke:#333333;}#mermaid-svg-cjsAgEy2Oy5IoPTo svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-cjsAgEy2Oy5IoPTo g.classGroup text{fill:#9370DB;fill:#131300;stroke:none;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:10px;}#mermaid-svg-cjsAgEy2Oy5IoPTo g.classGroup text .title{font-weight:bolder;}#mermaid-svg-cjsAgEy2Oy5IoPTo .nodeLabel,#mermaid-svg-cjsAgEy2Oy5IoPTo .edgeLabel{color:#131300;}#mermaid-svg-cjsAgEy2Oy5IoPTo .edgeLabel .label rect{fill:#ECECFF;}#mermaid-svg-cjsAgEy2Oy5IoPTo .label text{fill:#131300;}#mermaid-svg-cjsAgEy2Oy5IoPTo .edgeLabel .label span{background:#ECECFF;}#mermaid-svg-cjsAgEy2Oy5IoPTo .classTitle{font-weight:bolder;}#mermaid-svg-cjsAgEy2Oy5IoPTo .node rect,#mermaid-svg-cjsAgEy2Oy5IoPTo .node circle,#mermaid-svg-cjsAgEy2Oy5IoPTo .node ellipse,#mermaid-svg-cjsAgEy2Oy5IoPTo .node polygon,#mermaid-svg-cjsAgEy2Oy5IoPTo .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-cjsAgEy2Oy5IoPTo .divider{stroke:#9370DB;stroke:1;}#mermaid-svg-cjsAgEy2Oy5IoPTo g.clickable{cursor:pointer;}#mermaid-svg-cjsAgEy2Oy5IoPTo g.classGroup rect{fill:#ECECFF;stroke:#9370DB;}#mermaid-svg-cjsAgEy2Oy5IoPTo g.classGroup line{stroke:#9370DB;stroke-width:1;}#mermaid-svg-cjsAgEy2Oy5IoPTo .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5;}#mermaid-svg-cjsAgEy2Oy5IoPTo .classLabel .label{fill:#9370DB;font-size:10px;}#mermaid-svg-cjsAgEy2Oy5IoPTo .relation{stroke:#333333;stroke-width:1;fill:none;}#mermaid-svg-cjsAgEy2Oy5IoPTo .dashed-line{stroke-dasharray:3;}#mermaid-svg-cjsAgEy2Oy5IoPTo #compositionStart,#mermaid-svg-cjsAgEy2Oy5IoPTo .composition{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-cjsAgEy2Oy5IoPTo #compositionEnd,#mermaid-svg-cjsAgEy2Oy5IoPTo .composition{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-cjsAgEy2Oy5IoPTo #dependencyStart,#mermaid-svg-cjsAgEy2Oy5IoPTo .dependency{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-cjsAgEy2Oy5IoPTo #dependencyStart,#mermaid-svg-cjsAgEy2Oy5IoPTo .dependency{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-cjsAgEy2Oy5IoPTo #extensionStart,#mermaid-svg-cjsAgEy2Oy5IoPTo .extension{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-cjsAgEy2Oy5IoPTo #extensionEnd,#mermaid-svg-cjsAgEy2Oy5IoPTo .extension{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-cjsAgEy2Oy5IoPTo #aggregationStart,#mermaid-svg-cjsAgEy2Oy5IoPTo .aggregation{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-cjsAgEy2Oy5IoPTo #aggregationEnd,#mermaid-svg-cjsAgEy2Oy5IoPTo .aggregation{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-cjsAgEy2Oy5IoPTo .edgeTerminals{font-size:11px;}#mermaid-svg-cjsAgEy2Oy5IoPTo :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}

光标
caret
文字光标
或叫
插入符光标
cursor
鼠标光标
或叫
鼠标指针

这里说的是文字插入符光标(caret), 一闪一闪的竖线

caret的一种记忆方式
car >>> care >>> caret

HtmlCss光标透明隐藏光标 可以用css的 caret-color:transparent;

caret-color:transparent;
  • caret-color 插入夫光标的颜色
    • transparent 透明
    • red 红色
    • blue 蓝色
    • black 黑色
    • purple 紫色

文字插入符光标透明
caret-color:transparent;
没有设置 caret-color
插入符光标透明 caret-color:transparent
插入符光标红色 caret-color:red
插入符光标紫色 caret-color:purple 
<section style="font-size:66px; text-shadow:3px 3px 6px black; background-color:#ddeeff; box-shadow:5px 5px 8px black; margin-bottom:30px;"><div>文字插入符光标透明</div><header><b><code style="font-size:88px; color:red;">caret-color:transparent;</code></b></header>
</section><section class=Sty010 >
<style>.Sty010{font-size:60px; }.Sty010>div{ border:1px solid black;  box-shadow:3px 3px 6px black; margin-bottom:20px; }</style>
<div>没有设置 caret-color</div>
<div style="caret-color:transparent; "> 插入符光标透明 caret-color:transparent </div>
<div style="caret-color:red; "> 插入符光标红色 caret-color:red </div>
<div style="caret-color:purple; "> 插入符光标紫色 caret-color:purple </div></section>

<section style=“font-size:66px; text-shadow:3px 3px 6px black; background-color:#ddeeff; box-shadow:5px 5px 8px black; margin-bottom:30px;”>
<div>文字插入符光标透明</div>
<header><b><code style=“font-size:88px; color:red;”>caret-color:transparent;</code></b></header>
</section>

<section class=Sty010 >
<style>
.Sty010{font-size:60px; }
.Sty010>div{ border:1px solid black; box-shadow:3px 3px 6px black; margin-bottom:20px; }

</style>
<div>没有设置 caret-color</div>
<div style="caret-color:transparent; "> 插入符光标透明 caret-color:transparent </div>
<div style="caret-color:red; "> 插入符光标红色 caret-color:red </div>
<div style="caret-color:purple; "> 插入符光标紫色 caret-color:purple </div>

</section>

HtmlCss光标(插入符caret)透明隐藏光标 221106笔记相关推荐

  1. html点击div等元素隐藏光标

    问题描述 点击网页中的文本,总是会有光标闪烁. 解决办法 利用 css 样式达到隐藏光标效果,就是把光标颜色设置为透明. /* 隐藏鼠标点击这些元素时出现的光标 */ div, span, p {ca ...

  2. Qt编写安防视频监控系统9-自动隐藏光标

    一.前言 这个效果的灵感来自于大屏电子看板系统,在很多系统中尤其是上了大屏的时候,其实在用户不在操作的时候,是很不希望看到那个鼠标箭头指针的,只有当用户操作的时候才显示出来,这个就需要开个定时器定时计 ...

  3. css 隐藏 光标,利用css隐藏input的光标方法

    如何在不影响操作的情况下,把input的光标隐藏了?在网上搜索了很多方式:用p模拟,设置readonly,设置disabled,设置自动blur等等方式,发现都不能满足需求,于是最后终于找到了一种完美 ...

  4. html文本框光标位置,html的文本框显示光标 如何在htmlText文本框光标处插入字符...

    HTML 如何设置文本框中光标位置和光标居中 我写样式,把文本框的宽度加大了.但是光标位置在上面. html怎么让文本框的光标出现在内容最后 HTML如何在打开页面时将光标定位在某个文本框 HTML5 ...

  5. 用C语言实现三子棋小游戏（C语言菜单创建--设置光标，隐藏光标）

    文章目录 前言 一.菜单设置 二.三子棋游戏 1.各部分代码 2.运行结果 总结 前言 本文主要用C语言实现三子棋(简易版)小游戏,同时介绍C语言中的菜单设置. 一.菜单设置 我们在C语言中设置菜单一 ...

  6. 怎样 隐藏光标—设置光标

    一.隐藏光标 1.引入头文件window.h 2.  定义光标信息结构体变量 CONSOLE_CURSOR_INFO  cursor info={1,0}; typedef struct _CONSO ...

  7. 控制台光标（一）: 隐藏光标

    #include <stdio.h> #include <windows.h> void main() { HANDLE handle = GetStdHandle(STD_O ...

  8. 创建插入符、输出不同效果的文字

    创建一个MFC单文档应用程序 创建插入符 在窗口创建完成之后,再创建插入符,在View类当中去完成,增加一个Windows Message Handle-..,WM_CREATE消息处理函数. 1.创 ...

  9. yolomouse怎么用_YoloMouse(游戏鼠标光标修改工具)_YoloMouse(游戏鼠标光标修改工具)官方版下载 - 键盘鼠标 - 绿软家园...

    YoloMouse(游戏鼠标光标修改工具)是一款能够帮助用户修改游戏中鼠标光标样式的软件,利用软件能够自定义游戏中的鼠标光标造型,从而让鼠标更加明显,有需要的可以下载使用.功能介绍 在玩一款游戏时,你 ...

最新文章

  1. 吴恩达deeplearning.ai五项课程完整笔记了解一下？
  2. SAP MM MIGO界面里的'Delivery completed'标记
  3. vue 不识别svg_vue中引用svg，vue引入svg不显示，vue引用svg配置，vue3.0+ts如何配置svg...
  4. led16*16点阵实验c语言,基于单片机的64*16LED点阵电子显示屏设计 pcb图+原理图+源程序...
  5. linux 基因组数据下载,linux下用Aspera从NCBI上下载SRA格式宏基因组数据
  6. java final char_java基本数据类型总结 类型转换 final关键字的用法
  7. 爬虫+pyecharts数据分析实例：当当网
  8. 30 秒？！Chrome 插件带你速成编程学习 | 程序员硬核评测
  9. 后置递增运算符（JS）
  10. Bailian2914 计算概论习题－动态存储【排序】
  11. UVa 10325 - The Lottery
  12. 台安变频器n2按键说明_台安n2系列变频器说明书
  13. abaqus移动热源DFLUX
  14. PI和模糊控制器的simulink仿真
  15. endnote 参考文献加序号_求助endnote 中 文末的参考文献 序号中如何设置成带中括号的 [序号]...
  16. 基于B_spline 的非刚性形变
  17. 【转】为什么360这种软件存活至今？程序员：打不死的小强，春风吹又生
  18. 2021届BiliBili校招 数据分析/后端开发 笔试题记录
  19. php 百度收录api_百度移动资源天级收录API提交-在线工具
  20. raft协议--面试问答题

热门文章

  1. 解决win10家庭版电脑互传文件的问题，详细图解，手把手教学，亲测有效！！！！
  2. Python下的自然语言处理利器-LTP语言技术平台 pyltp 学习手札
  3. 监控神器普罗米修斯Prometheus安装配置
  4. 年底到了，消费者纷纷抢购，特斯拉成为汽车市场的超级网红
  5. JQuery原理解析
  6. Microsoft Defender 高级威胁防护
  7. 大连市计算机软件产业,大连市软件产业高技能型人才培养与市场需求拟合度研究.doc...
  8. Hadoop 安装
  9. SQL语句执行顺序及建议
  10. 测试种类大汇总(45类)