本文介紹一下如何設置文本框邊框顏色。
使用color屬性設置,代碼實例如下:
   [ 其他 ] 運行代碼    下載代碼
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.vxisgr.tw/" />
<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.vxisgr.tw/" />
<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 設置文本框光標顏色



60 79



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: js js代碼 js實例 javascript javascript代碼 javascript實例 jshtml對象 javascripthtml對象
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表