css 字体外描边

<div class="action-label" data-text="我的宝贝">我的宝贝</div>

.action-label {
	color: #FFFFFF;
	z-index: 1;
						
	&.active {
		font-weight: 900;
		color: #fff;
		-webkit-text-stroke: 7px;
							
		&::before {
            //关键代码
		    position: absolute;
			font-weight: 400;
			content: attr(data-text);
			-webkit-text-stroke: 0px;
			color: #FF9D0A;
			}
		}
    }