css3的文字填充颜色（选中后颜色反转）

<div class="box">一只猪</div>

css：

:root {
  font-size: 100px;
}

.box {
  color: red;
  /* 文本的填充颜色 transparent透明色 */
  -webkit-text-fill-color: orange;
}

代码演示：

选中后文字是透明的：