css如何给文字加边框颜色

1,364 阅读1分钟

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

上图:

图片.png

图片.png

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

属性介绍:

-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/…