css如何给文字加边框颜色

前言：今天有一个需求，是将elementUI的评分边框改颜色，然后审查元素发现，星星边框的属性是和字体属性相关，换句话说，就是要修改字体边框的颜色，也是第一次遇到，记录一下

上图：

这个比较简单，只是运用的比较少，就直接给答案了：

属性介绍：

-webkit-text-stroke CSS属性为文本字符指定了宽 和 颜色 . 它是-webkit-text-stroke-width (en-US) 和-webkit-text-stroke-color (en-US)属性的缩写.

语法：

/* 宽度和颜色属性 */
-webkit-text-stroke: 4px navy;

/* 全局属性 */
-webkit-text-stroke: inherit;
-webkit-text-stroke: initial;
-webkit-text-stroke: unset;

/* 设置宽度和颜色 */
-webkit-text-stroke: <length> <color>;

/* 默认设置 */
-webkit-text-stroke: inherit/initial/unset;

Mdn详细介绍地址：developer.mozilla.org/zh-CN/docs/…