在javascript中更改-webkit-text-stroke-的颜色[重复]答案

【问题标题】：Change the color of -webkit-tekst-stroke- in javascript [duplicate]在javascript中更改-webkit-text-stroke-的颜色[重复]
【发布时间】：2019-12-02 22:29:14
【问题描述】：

我一直在开发一个网站，其中包含一些带有“文本笔划”的文本，我想用 javascript 更改该文本笔划的颜色，我想要四种不同的颜色。

但由于它是一个 webkit，我不知道该怎么做。

这是我唯一能想到的：

    guessBox.style.["-webkit-text-stroke: #df0000 3px;"]
});

d2.addEventListener("click", function green() {
    guessBox.style.["-webkit-text-stroke: #005100 3px;"]
});

d3.addEventListener("click", function blue() {
    guessBox.style.["-webkit-text-stroke: #0029ff 3px;"]
});

d4.addEventListener("click", function white() {
    guessBox.style.["-webkit-text-stroke: #fff 3px;"]
});```

【问题讨论】：

guessBox 的值是多少？
什么意思，它是一个div，里面有一些文字，它是作为var导入的。
试试这个 `guessBox.style = "-webkit-text-stroke: #df0000 3px;"` 代码笔 : link
如果我在同一个文档中有 ctx 会有什么不同吗？
我认为没有问题！请分享您的完整代码文件，我不太了解您

标签： javascript html

【解决方案1】：

试试这个：

guessBox.style['-webkit-text-stroke'] = '1px black';

遵循一个完整的工作示例：

const element = document.getElementById('text');
element.style['-webkit-text-stroke'] = '1px black';
console.log(element);

.text {
    -webkit-text-stroke: 3px black;
}

<div id="text" class="text">
 some text
</div>

【讨论】：

ctx 在这种情况下会改变什么吗？我尝试了完整的工作示例并且它有效，但它在页面上不起作用。我可能是因为我也使用 ctx 作为背景吗？