使用webkit文本笔划css在h1中添加笔划

我尝试使用笔划在h1中应用边框

font-family: 'Lobster Regular',Helvetica,Arial,Lucida,sans-serif;
font-size: 133px;
color: #ff5a00!important;
-webkit-text-stroke: 7px rgb(255 255 255);

我想要什么

文本笔划

属性是非标准化属性。

此功能是非标准的，不在标准轨道上。不要在面向Web的生产站点上使用它：它不会适用于所有用户。实现之间也可能存在很大的不兼容性，并且行为可能在将来发生变化。-


最好的替代方法是使用
文本阴影
属性，如下所示：

text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;

但是这只会在短指令下看起来很好。使用较大的数字总是会导致外观有缺陷


@导入url（'https://fonts.googleapis.com/css2?family=Lobster&display=swap');
身体{
背景:#212121 ;；
}
.中风{
字体系列：“龙虾”，Helvetica，Arial，Lucida，无衬线；
字号：133px；
颜色：#ff5a00！重要；
文本阴影：-7px-7px 0#fff，7px-7px 0#fff，-7px 7px 0#fff，7px 7px 0#fff；
}

字体
如果您想要最终结果，那么我们需要您的代码，即HTML和CSS。为什么不使用文本阴影？@AlwaysHelping抱歉，我更新了帖子。@MVB76是的，但无法获得我想要的结果，文本阴影：-7px-7px 0#ffffff，7px-7px 0#ffff，-7px 7px 0#ffffff，7px 7px 7px 0#ffffff；