2013-03-21 3 views
0

입력란 가운데 또는 오른쪽에 텍스트 및 자리 표시자를 정렬하려고합니다. 이 기능은 text-align 속성을 사용하는 모든 브라우저에서 작동하지만 iPad 1의 모바일 Safari에서는 실패합니다. 텍스트 자체는 정렬되지만 자리 표시 자 텍스트는 항상 왼쪽으로 유지됩니다. input-text-alignmentMobileSafari iPad1에서 텍스트 (오른쪽/중앙) 정렬 방법

가 어떻게 아이 패드 1에 그 자리 표시 자 텍스트를 정렬 할 수 있습니다

는 바이올린을 참조하십시오? 디스플레이 등록 정보를 변경할 수

::-webkit-input-placeholder{ 
text-align:right; 
} 

답변

0
form input { 
    height: 40px; 
    width: 200px; 
    font-size: 18px; 
    font-weight: bold; 
    border: 1px solid gray; 
    text-align: center; 

} 

form { 
    margin:auto; 
    font-size: 18px; 
    font-weight: bold; 
    text-align: right; 
} 
+0

입력 요소 자체의 위치 만 변경됩니다. 자리 표시 자 텍스트의 배치에는 영향을주지 않습니다. – GeorgieF

0

나는 사파리는 다음과 같은 코드를 시도 할 수있는 웹 키트 엔진을 사용하지만 때문에, 그것을 테스트하기 위해 아이 패드를 가지고 있지 않습니다. 이 귀하의 입력 요소에 display: inline-block; 같은 문제를 해결할 수 있습니다.

+0

그건 내 첫 번째 샷 중 하나 였고, 불행히도, 그 일을하지 않습니다. 하지만 고마워. – GeorgieF

0

시도 :

+0

display 속성은 자리 표시 자 배치에 영향을주지 않습니다. 시도한 블록, 인라인 블록 및 인라인 – GeorgieF

+0

디스플레이를 사용해 보셨나요? table-cell; –

관련 문제