CSS3中的caret color屬性用于修改瀏覽器中可編輯文本區域（如輸入框、富文本編輯器等）中光標的顏色。

input[type='text'], textarea {
caret-color: red;
}

在上面的代碼中，我們通過選擇器選擇所有類型為text和textarea的輸入框并把它們的caret-color屬性設置成了紅色。這樣，當用戶在輸入框中輸入內容時，光標的顏色就會變成紅色。

需要注意的是，這個屬性目前只有Chrome、Firefox和Opera瀏覽器支持。為了兼容性考慮，我們可以通過添加webkit和moz前綴來保證在這些瀏覽器上正常顯示。

input[type='text'], textarea {
caret-color: red;
caret-color: -webkit-text;
caret-color: -moz-text;
}

以上代碼中，我們添加了webkit和moz前綴來適配不同瀏覽器。首先設置了caret-color為紅色，之后則設置了在webkit內核和moz內核下分別采用默認值。

總之，CSS3的caret color屬性可以為可編輯文本區域帶來更好的視覺效果，但是需要考慮瀏覽器兼容性的問題。需要開發者根據實際需求，在不同瀏覽器間適配caret color屬性。