动态更改的填充不适用于带有表单的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%"    
 };

请检查this小提琴中的行为。它工作不正常......

Answer 1

使用其他内容重命名表单ID，然后尝试，表单和div都具有相同的名称。

我把你的小提琴分开了jsfiddle.net/FAYvE

Answer 2

从我能收集的内容来看，我认为你正在寻找更像下面分叉小提琴的东西

http://jsfiddle.net/7QLAy/

蓝色背景的效果是

http://jsfiddle.net/StkgZ/