Question

在handsontable的_afterOnCellMouseOver函数中，当我将它们悬停在它们之上时，我试图更改其css color属性。

_afterOnCellMouseOver(e, coords, td) {
    if (coords.row === -1 &&& this.hot) {
        let contElem = document.getElementById(`cont${varId}`);
        contElem.style.color = "purple";
    }
}

div.hotColHeaderContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: visible;
    position: relative;
}

<div class="${styles.hotColHeaderContainer}" id=cont${varId}> </div>

我的div.hotColHeaderContainer包含在一个scss文件中，而我的div位于一个用于生成列标题的函数中。 varId是根据列标题中使用的变量名称更改名称的变量。有什么原因使我无法从_afterOnCellMouseOver内部更改样式？我对javascript，handsonable和CSS非常陌生。

Answer 1

您可以只使用css hover选择器。下面的代码段：

div.hotColHeaderContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: visible;
    position: relative;
}
div.hotColHeaderContainer:hover {
    color: purple
}

<div class='hotColHeaderContainer'>Hello</div>

无法使用JavaScript更改CSS

1 个答案: