如何在javascript中为html样式添加笔划？

我有一个锁屏小部件，它使用一个.js文件来设计时钟元素的样式。问题在于，根据壁纸的不同，时钟的颜色有时很难辨认（黑色背景）。我找到了改变时钟文本颜色的元素，但这还不够。我想能够添加一个笔划，使其具有厚度和双色。这样，无论背景是什么，阅读都会变得清晰

实际要素如下：

var elements = {
    "zclock": {
        "z-index": 2,
        "color": "gray",    <--- This changes color of clock text
        "webkit-text-stroke-width": "3px",
        "font-family": "sanfranlight",
        "position": "absolute",
        "font-size": "51px",
        "top": 0,
        "left": 1,
        "width": "119px",
        "text-align": "right",
        "font-weight": "100"
    },
    <omitted rest>
    };

var元素={
“zclock”：{
“z指数”：2，
“颜色”：“灰色”，Hellow

您也可以尝试将“-webkit text stroke color”属性添加到此对象，并且可能会增加“字体重量”。代码中的“webkit text stroke width”属性可能还需要一个前导“-”才能工作


另请参见MDN上的和

真诚地，
Sam.
可能您正在使用IE 11，而
-webkit文本笔划
不起作用，因为它不受支持：

您可以尝试改用
文本阴影

很好地解释了
可能的重复
.element{
    color: #fff;
    font-weight: 700;
    font-size: 51px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: black;
}