javascript - 動的に変更されたパディングがフォーム付きの DIV で機能しない

Question

フォームを子として含む DIV タグのパディングを変更しようとしています。以下はHTMLです

 <div id="a">
   <form id="b" style="background-color:Red;height:300px">
      <input type="text" />
   </form>
 </div>​

そして以下はCSSです

 document.onclick = function(){
    document.getElementById('a').style.padding = "1% 1% 1% 1%"    
 };

<a href="http://jsfiddle.net/74W​​bB/2/" rel="nofollow">このフィドルで動作を確認してください。正常に動作していません...

Answer 1

フォームIDの名前を別の名前に変更してから試してください。フォームとdivの両方が同じ名前です。

私はあなたのフィドルをフォークしました jsfiddle.net/FAYvE

Answer 2

私が収集できるものから、あなたは下のフォークフィドルのようなものを探していると思います

http://jsfiddle.net/7QLAy/

背景が青色の効果は

http://jsfiddle.net/StkgZ/