IE8忽略gwt文本区域中的空白_Gwt_Internet Explorer 8_Textarea_Uibinder

IE8忽略gwt文本区域中的空白

gwt internet-explorer-8

IE8忽略gwt文本区域中的空白,gwt,internet-explorer-8,textarea,uibinder,Gwt,Internet Explorer 8,Textarea,Uibinder,我正在开发一个GWT项目zfapp <ui:style> .textarea{ font-size: 11px; font-family: arial; background-color: #E6E6E6; height:190px; width:385px; resize: none; } </ui:style> <g:HTMLPane

我正在开发一个GWT项目zfapp

    <ui:style>  
     .textarea{
      font-size: 11px;
      font-family: arial;
      background-color: #E6E6E6;    
      height:190px;
      width:385px;  
      resize: none;
     }
    </ui:style>  

<g:HTMLPanel ui:field="panel">          

  <div id="ControlContainer">
       <g:TextArea ui:field="txtNotch" styleName="{style.textarea}"></g:TextArea>
  </div>        

</g:HTMLPanel>

我有一个UIBinder notch.ui.xml。我在这个UIBinder中的gwt文本区域有一个问题。显示文本时，IE8及以上版本忽略空白

    <ui:style>  
     .textarea{
      font-size: 11px;
      font-family: arial;
      background-color: #E6E6E6;    
      height:190px;
      width:385px;  
      resize: none;
     }
    </ui:style>  

<g:HTMLPanel ui:field="panel">          

  <div id="ControlContainer">
       <g:TextArea ui:field="txtNotch" styleName="{style.textarea}"></g:TextArea>
  </div>        

</g:HTMLPanel>

它可以与IE7、Fire Fox、Chrome等配合使用

    <ui:style>  
     .textarea{
      font-size: 11px;
      font-family: arial;
      background-color: #E6E6E6;    
      height:190px;
      width:385px;  
      resize: none;
     }
    </ui:style>  

<g:HTMLPanel ui:field="panel">          

  <div id="ControlContainer">
       <g:TextArea ui:field="txtNotch" styleName="{style.textarea}"></g:TextArea>
  </div>        

</g:HTMLPanel>

由于其他技术原因，我必须在IE8模式下运行应用程序。我怎样才能纠正这个问题

    <ui:style>  
     .textarea{
      font-size: 11px;
      font-family: arial;
      background-color: #E6E6E6;    
      height:190px;
      width:385px;  
      resize: none;
     }
    </ui:style>  

<g:HTMLPanel ui:field="panel">          

  <div id="ControlContainer">
       <g:TextArea ui:field="txtNotch" styleName="{style.textarea}"></g:TextArea>
  </div>        

</g:HTMLPanel>

我的zfapp.html有

    <ui:style>  
     .textarea{
      font-size: 11px;
      font-family: arial;
      background-color: #E6E6E6;    
      height:190px;
      width:385px;  
      resize: none;
     }
    </ui:style>  

<g:HTMLPanel ui:field="panel">          

  <div id="ControlContainer">
       <g:TextArea ui:field="txtNotch" styleName="{style.textarea}"></g:TextArea>
  </div>        

</g:HTMLPanel>

文件类型

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <ui:style>  
     .textarea{
      font-size: 11px;
      font-family: arial;
      background-color: #E6E6E6;    
      height:190px;
      width:385px;  
      resize: none;
     }
    </ui:style>  

<g:HTMLPanel ui:field="panel">          

  <div id="ControlContainer">
       <g:TextArea ui:field="txtNotch" styleName="{style.textarea}"></g:TextArea>
  </div>        

</g:HTMLPanel>

    <ui:style>  
     .textarea{
      font-size: 11px;
      font-family: arial;
      background-color: #E6E6E6;    
      height:190px;
      width:385px;  
      resize: none;
     }
    </ui:style>  

<g:HTMLPanel ui:field="panel">          

  <div id="ControlContainer">
       <g:TextArea ui:field="txtNotch" styleName="{style.textarea}"></g:TextArea>
  </div>        

</g:HTMLPanel>


-------------------------
-------------------------

    <ui:style>  
     .textarea{
      font-size: 11px;
      font-family: arial;
      background-color: #E6E6E6;    
      height:190px;
      width:385px;  
      resize: none;
     }
    </ui:style>  

<g:HTMLPanel ui:field="panel">          

  <div id="ControlContainer">
       <g:TextArea ui:field="txtNotch" styleName="{style.textarea}"></g:TextArea>
  </div>        

</g:HTMLPanel>

My notch.ui.xml

    <ui:style>  
     .textarea{
      font-size: 11px;
      font-family: arial;
      background-color: #E6E6E6;    
      height:190px;
      width:385px;  
      resize: none;
     }
    </ui:style>  

<g:HTMLPanel ui:field="panel">          

  <div id="ControlContainer">
       <g:TextArea ui:field="txtNotch" styleName="{style.textarea}"></g:TextArea>
  </div>        

</g:HTMLPanel>

    <ui:style>  
     .textarea{
      font-size: 11px;
      font-family: arial;
      background-color: #E6E6E6;    
      height:190px;
      width:385px;  
      resize: none;
     }
    </ui:style>  

<g:HTMLPanel ui:field="panel">          

  <div id="ControlContainer">
       <g:TextArea ui:field="txtNotch" styleName="{style.textarea}"></g:TextArea>
  </div>        

</g:HTMLPanel>


.文本区{
字体大小：11px；
字体系列：arial；
背景色：#e6；
高度：190px；
宽度：385px；
调整大小：无；
}

    <ui:style>  
     .textarea{
      font-size: 11px;
      font-family: arial;
      background-color: #E6E6E6;    
      height:190px;
      width:385px;  
      resize: none;
     }
    </ui:style>  

<g:HTMLPanel ui:field="panel">          

  <div id="ControlContainer">
       <g:TextArea ui:field="txtNotch" styleName="{style.textarea}"></g:TextArea>
  </div>        

</g:HTMLPanel>