시간 입력 필드 간격 문제

IE8을 사용하고 Orbeon 3.9 CE 버전 샌드 박스에서 양식을 실행 중입니다. 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>

입니다. 뭔가 엔진을 형성 Orbeon에 만들 수 있습니다 개선의 일종 따라서 해결을 위해 내가 요약하면, 아래의 CSS 그래서

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

을 사용하여 식별 한가?

출처

2012-10-17 Jayy

기본적으로 컨트롤의 너비는 8em입니다. 내 테스트에서 IE8과 Chrome보다 IE7에서 더 넓게 나타 났지만, 아직 그 브라우저에 충분한 공간이 남아 있습니다. CSS로 입력이 너무 좁 으면 제안한대로 기본 CSS를 재정 의하여 더 넓게 만들 수 있습니다.

출처

2012-10-31 21:55:15 avernet

시간 입력 필드 간격 문제

답변

관련 문제