www.ctrt.net > input 光标颜色

input 光标颜色

这时系统规定的。通常textarea浅背景色就看到深色光标;textarea深背景色就看到浅色光标。这是一种物理上的视觉欺骗。所以闪烁光标不能自定义颜色,二楼说得也不对。试比较如下:

给你个例子,用onmousemove和nmouseout。具体css颜色等自己改一下。 .input_out{width:60px;height:30px;border:1pxsolid#CCC;background-color:#FFF;} .input_move{width:60px;height:30px;border:1pxsolid#CCC;background-color:#FFFFCC;} 涉...

input的闪烁光标本身是无色的,我们看到的光标的颜色是光标相对于背景色的反光,也就是对应背景色的反差色。这时系统规定的。通常浅背景色就看到深色光标;深背景色就看到浅色光标。这是一种物理上的视觉欺骗。所以闪烁光标不能自定义颜色.

给input元素添加onmouseover和onmouseout事件,事件触发时修改input元素css颜色属性。

简单啊 .test{ color:#fff;// 设置字体是那个压缩,光标也就是哪个颜色了}

在input里面加个style,里面粗细,颜色都可以自己更改,如

经测试,按照如下设置,即可实现不让光标出现的效果,很好用,例子如下: input.red{ color:#f00; }

根据我的发现,Editor.js 的实现思路就是用一个 div 模仿输入框,光标当然也不是原生的了,而是一个‘|’,这样更改字体颜色,或者 diplay:none,就可以让光标消失了,具体实现就不清楚了,你可以去 github 上找找源码。原生的话好像没法自己定制...

通过JS 给这个input加一个事件 就是获得焦点就行了 window.onload = function(){ var oInput = document.getElementById("strName"); oInput.focus(); }

input { color: #122e29; border: 1px solid #005344; background-color: #73b9a2;}input:focus { color: #ed1941; border: 1px solid #2468a2; background-color: #afdfe4;}

网站地图

All rights reserved Powered by www.ctrt.net

copyright ©right 2010-2021。
www.ctrt.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com