javascript - 旋转 <a> 元素

Question

我正在尝试旋转一个简单的 <a> - 使用 jquery 的元素:

 <a href="#" id="optbut2" style="margin-right: 8px;">

这个元素位于列表中:

 <li class="list-group-item"><a href="#" id="optbut2" style="margin-right: 8px;">V</a><a href="#">Motorola</a></li>

自从我使用 Chrome 我尝试了:

$('#optbut2').css('-webkit-transform','rotate(20deg)'); 

但不知何故它不会起作用!我有什么错？这是一个演示:http://jsfiddle.net/52VtD/6059/

Answer 1

它不能是内联显示元素。

$('#optbut2').css({
    'display' : 'inline-block',
    '-webkit-transform':'rotate(20deg)'
}); 

http://jsfiddle.net/52VtD/6060/