Question

我一直在一个网站上工作，该网站上有一些带有“文本笔划”的文本，我想用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;"]
});```

Answer 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>

在javascript中更改-webkit-tekst-stroke-的颜色

1 个答案: