時間輸入字段間距問題

我正在使用IE8並在Orbeon 3.9 CE版Sandbox中運行窗體。我發現時間輸入字段在顯示IE8字段中的內容時存在一個小問題。輸入日期後，表單格式化日期並添加a.m或p.m以結束，但是整個信息僅覆蓋位於該字段右側的時間圖像。請參閱下面的屏幕截圖。時間輸入字段間距問題

enter image description here

然而，這個問題不會發生在低版本的IE。我在兼容性視圖上啓動了該表單，但無法看到問題。

enter image description here

此外，當我有我的自定義字體和大小這個問題只發生。由於整個應用程序使用標準字體和大小，我必須在Orbeon格式中使用它。

下面是示例代碼

<xhtml:html xmlns:xforms="http://www.w3.org/2002/xforms" 
    xmlns:f="http://orbeon.org/oxf/xml/formatting" 
    xmlns:xhtml="http://www.w3.org/1999/xhtml" 
    xmlns:xxforms="http://orbeon.org/oxf/xml/xforms" 
    xmlns:ev="http://www.w3.org/2001/xml-events" 
    xmlns:xsd="http://www.w3.org/2001/XMLSchema" 
    > 

    <xhtml:head> 

     <style type="text/css"> 
      input { 
       font-size: .95em; 
       vertical-align:top; 
       font-family: monospace !important; 
      } 
     </style> 
     <xforms:model xmlns:xforms="http://www.w3.org/2002/xforms" 
       xmlns:xs="http://www.w3.org/2001/XMLSchema" id="main-model" > 

      <xforms:instance id="form-instance"> 
      <form> 
       <field-1></field-1> 
      </form> 
      </xforms:instance> 

      <xforms:bind id="field-1" nodeset="instance('form-instance')/field-1" type="xforms:time"/> 

     </xforms:model> 
    </xhtml:head> 

    <xhtml:body> 

     <table> 
     <tr> 
      <td> 
       Enter Time: 
      </td> 
      <td> 
       <xforms:input bind="field-1" id="field-1-id" /> 
      </td> 
     </tr> 
     </table> 

    </xhtml:body> 
</xhtml:html>

在這段代碼中，如果我們去掉它工作正常的風格，但我應該使用它。因此，對於一種變通方法我已經確定使用下面的CSS

.xforms-type-time { width:115px !important; }

所以，總結起來是有什麼一種改進是能夠使Orbeon形成引擎？

來源

2012-10-17 Jayy

默認情況下，控件的寬度設置爲8em。在我的測試中，IE7比IE8和Chrome顯示屏更寬，但這些瀏覽器仍然有足夠的空間。如果你的CSS輸入變得太窄，那麼你可以重寫默認的CSS來使它更寬，就像你所建議的那樣。

來源

2012-10-31 21:55:15 avernet

時間輸入字段間距問題

回答

相關問題