的实现思路就是用一个
div
模仿输入框,光标当然也不是原生的了,而是一个‘|’,这样更改字体颜色,或者
diplay:none,就可以让光标消失了,具体实现就不清楚了,你可以去
github
上找找源码。原生的话好像没法自己定制你说的这两点。
input的闪烁光标本身是无色的,我们看到的光标的颜色是光标相对于背景色的反光,也就是对应背景色的反差色。这时系统规定的。通常浅背景色就看到深色光标;深背景色就看到浅色光标。这是一种物理上的视觉欺骗。所以闪烁光标不能自定义颜色.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>pro1</title>
<style type="text/css">
*
ul
ul li
ul li:hover ul
ul li a
ul li a:hover
.pro1
.pro1 li
</style>
</head>
<body>
<ul>
<li><a href="#">产品1</a>
<ul class="pro1">
<li>销量</li>
<li>价格</li>
<li>收藏</li>
<li>人气</li>
<li>新品</li>
</ul>
</li>
<li><a href="#">产品2</a>
</li>
<li><a href="#">产品3</a>
<ul class="pro1">
<li>销量</li>
<li>价格</li>
<li>收藏</li>
<li>人气</li>
<li>新品</li>
</ul>
</li>
</ul>
</body>
</html>
试写了一个 但是估计不用js效果不好 再说 IE6不用js很难兼容
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)