Textarea样式由element.style自动覆盖

时间:2013-10-24 14:42:53

标签: c# asp.net

在我的aspx页面中,我有一个textarea:

<div style=" position: absolute; top: 45px; bottom: 5px;
                        left: 5px; right: 5px">

                        <textarea id="code" name="code" runat="server"  wrap="off" style="clear: both; width:99%; height:99%" >               
                          </textarea>
               </div>

我想要的只是完整浏览器的Textarea自动显示屏。但是当我构建页面时,文本区域在左侧浏览器屏幕中显示为小。

尝试按F12,更改Textarea标记:

 <textarea id="code" name="code" runat="server"  wrap="off" style="display:block" >  </textarea>

真的很累,我多次遇到过这种情况。有时,我添加style= "clear:both"但在这种情况下,它无能为力。

Textarea的风格只包含:display:block

我将代码复制到http://jsfiddle.net/REgjn/ ---&gt;它以我期望的方式显示:textarea填满了Chrome浏览器。但是,当我在真正的浏览器上构建它时,它就不是了。

帮助!!! 为什么TextArea标签改变了???

1 个答案:

答案 0 :(得分:0)

我修改了你的代码。我希望它能起作用

           <div style=" position: absolute; top: 45px; bottom: 5px;
                    left: 5px; right: 5px;width:99%; height:99%">

                    <textarea id="code" name="code" runat="server"  wrap="off" style="clear: both; width:99%; height:99%" >               
                      </textarea>
           </div>