如何在 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>
    };

我试过使用一种叫做-webkit-text-stroke-width但没有用的东西。也许我输入错了，因为它只在在线示例的 css 文件中被引用过。

我想得到这种效果（或类似）

这是针对 iPhone/iOS 的，因此无论 webkit Safari 使用什么。