CSS : round cornered div on hover

Question

我正在尝试完成一些看起来很简单的事情......

我有 3 个 div，其中包含一个单选按钮和一些内容:

     Content of DIV1,
[]   this can be as long or as tall
     as wanted

[]   Content of DIV2

[]   Content of DIV3

使用 other posts 上的任何技术很容易为每个 div 创建圆 Angular 这里。然而，我还不能只为悬停事件做到这一点，即我希望只有当鼠标悬停在它上面时，圆 Angular 框才会出现在 div 周围。有没有人在某处看到过这样做的例子？

编辑:我已经在使用 Prototype 和 Scriptaculous。我不能为此添加 jQuery。

Answer 1

这会在悬停 div 时使用 jquery 更改 CSS

print("<div id="output" class="div"></div>



<script>

    jQuery(document).ready(function() {

    $("#output").hover(function() {
        $(this).css({ 'background-color': 'yellow', 'font-weight': 'bolder' });
    }, function() {

    $(this).css({ 'background-color': 'blue', 'font-weight': 'bolder' });
    });


    }
    );

");