asp.net - CommandField で画像をどのように回転させますか

Question

だから私はこれらの行を持っています、

各行には、.aspx ページのコマンド フィールドがあります。

<asp:CommandField ControlStyle-BackColor="White" ItemStyle-BackColor="White"     SelectImageUrl="~/Styles/img/arrow_state_blue_right.png"
                                            ShowSelectButton="true" ButtonType="Image" ItemStyle-Width="3px"></asp:CommandField>

ご覧のとおり、コマンド フィールドが使用するボタンのタイプはイメージです。イメージは、図の各コマンド フィールドに表示される小さな青い矢印です。

ユーザーがコマンド フィールドをクリックすると、矢印がアニメーションで回転するようにします。だから私は小さなJavaScript関数を書きました:

function rotateArrow() {
  document.getElementById("#arrow").style.WebkitTransitionDuration = "1s";
  document.getElementById("#arrow").style.webkitTransform = 'rotate(40deg)';
}

この関数は、矢印が画像フィールドの場合にうまく機能します。つまり、矢印を次のように変更すると:

<asp:Image ImageURL=".....

しかし、矢印をasp.NETイメージフィールドにしたくありません。コマンドフィールドのボタンにしたいのです。

これを行う方法はありますか？コマンド フィールドの矢印イメージ属性を回転させるように JavaScript に指示するにはどうすればよいですか? これについては何も見つからないので、これは単にサポートされていないと思い始めています。私が考えることができる唯一の回避策は、コマンド フィールドの機能を失うことを意味しないということです。コード ビハインドで selectImageURL 属性を更新するだけで済みますが、アニメーションは表示されません。