在Javascript函数中添加多个样式不起作用

Question

我有一个javascript函数来更改按钮单击时的按钮样式.

HTML

<button id="pause" class="pause" onclick="event_click_startpause(this);">Pause</button>

使用Javascript

window.event_click_startpause = function(btn) {
    if (interval === null) {
        start();
        btn.innerText = 'pause';
        btn.style.backgroundColor = "#c1580b";
        btn.style.box-shadow= "0px 0px 0px 3px #173B0B"
    }
}

在这里,我想为按钮添加另一种样式.为此我也添加了这个

btn.style.box-shadow= "0px 0px 0px 3px #173B0B"

是不是可以在此功能中添加多个样式？那么我该如何解决这个问题呢.

Answer 1

function event_click_startpause(btn) {
  interval = null;
  if (interval === null) {
    // start();
    btn.innerText = 'pause';
    btn.style.backgroundColor = "#c1580b";
    btn.style.boxShadow = "0px 0px 0px 3px #173B0B"
  }
}

<button id="pause" class="pause" onclick="event_click_startpause(this);">Pause</button>

工作得很好!