CSS caret-color用法及代碼示例

此屬性用於在輸入，文本區域或其他可編輯區域中設置光標的顏色。

用法:

caret-color:auto|color;

屬性值：

auto:它具有默認值。它使用Web瀏覽器中的當前顏色。
color:用於指定插入符號的顏色值。可以使用所有值(rgb，十六進製，命名顏色等)。

以下示例說明了CSS中的caret-color屬性：
例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>caret-color property</title> 
        <style> 
            body { 
                text-align:center; 
            } 
            .geeks { 
                caret-color:red; 
            } 
            .gfg { 
                caret-color:transparent; 
            } 
        </style> 
    </head> 
    <body> 
        <h1 style="color:green;">GeeksForGeeks</h1> 
        <h1>The caret-color Property</h1> 
        <input value="geeksforgeeks"><br><br> 
        <input class="geeks" value="C programming"> 
        <br><br> 
        <input class="gfg" value="Java programming"> 
        <p contenteditable class="geeks"> 
         A computer science poertal for geeks 
        </p> 
    </body> 
</html>

輸出：

支持的瀏覽器：下麵列出了caret-color屬性支持的瀏覽器：

Google chrome 57.0及更高版本
Internet Explorer：不支持
Mozilla 53.0及更高版本
Opera 44.0及更高版本
Safari 11.1及更高版本

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 CSS | caret-color Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。