在面板中更改CSS样式默认按钮

Question

我有aspx页面。 该页面包括几个具有DefaultButton属性的asp：Panel。

更改活动面板后如何更改此默认按钮的CSS样式？

Answer 1

我找不到纯粹的CSS方式来做到这一点。但是，有了一些JavaScript，还算不错。

<script>
    var refreshButtons = function (specialButtonName="") {
        document.getElementById('Button1').style.backgroundColor = 'lightgrey';
        document.getElementById('Button2').style.backgroundColor = 'lightgrey';
        document.getElementById(specialButtonName).style.backgroundColor = 'red';
    }
</script>

然后在面板上添加一个鼠标悬停处理程序：

onmouseover="refreshButtons('Button1')"

我希望它具有超动态性，但是DefaultButton属性无法在从面板到div的转换中幸免。