Sproutcore：更改鼠标事件的css属性

Question

在sproutcore中，我试图在用户将鼠标悬停在div上时更改div的边框粗细。所有其他代码都在工作，但我找不到如何直接访问css属性或将新的类名附加到div。

borderDiv: SC.View.design({
    layout:{top:60, left:60, width: 400, height: 525},
    classNames:"panel",

    mouseEntered: function(evt) {
        alert("this is working");
        //
        // No idea what to put here to change css properties
        //
        return YES
    }
})

Answer 1

我认为你可以做点什么

this.$().addClass()

添加您想要的任何课程。

Answer 2

不完全是我正在寻找的，但主要完成工作的是使用css伪类。 ：hover，：active，and：focus涵盖了我使用的大多数基础。