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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。