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">this fiddle 中的行为。它无法正常工作...

Answer 1

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

我已经分叉了你的小提琴 jsfiddle.net/FAYvE

Answer 2

据我所知，我认为您正在寻找更像下面的分叉小提琴的东西

http://jsfiddle.net/7QLAy/

蓝色背景的效果是

http://jsfiddle.net/StkgZ/