本文介绍一下如何设置文本框边框颜色。
使用color属性设置,代码实例如下:
   [ 其他 ] 运行代码    下载代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>CSS 设置文本框光标颜色</title>
<style type="text/css">
input{
  width:180px;
  height:20px;
  color:blue;
}
</style>
</head>
<body>
<input type="text">
</body>
</html>
光标颜色确实是蓝色,但是有个问题,就是文本颜色也是蓝色。
很多时候,可能只需要光标是蓝色的,代码实例如下:
   [ 其他 ] 运行代码    下载代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>CSS 设置文本框光标颜色</title>
<style type="text/css">
input{
  width:180px;
  height:20px;
  caret-color:red;
}
</style>
</head>
<body>
<input type="text">
</body>
</html>
通过caret-color属性即可实现设置功能。
IE和edge浏览器并不支持此属性,好在当前这两个浏览器用户并不是太多。

代码描述:CSS 文本框 光标颜色,CSS 设置文本框光标颜色



96 128



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: js js代码 js实例 javascript javascript代码 javascript实例 jshtml对象 javascripthtml对象

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到