이미지 위로 마우스를 가져 가면 html 형식으로 입력됩니다.

Question

현재 CSS 배경에 파란색 배경이 설정된 텍스트 입력이있는 간단한 양식이 있습니다. 그것은 완벽하게 작동하고 파이어 폭스에서 잘 보이지만 ie iPhone이나 사파리에서는 그렇지 않습니다. 배경보다는 입력 뒤에 이미지가 있도록 어떻게 배열 할 수 있습니까? 다른 이미지 중 하나를 입력의 끝이 있습니다,주의, 참조 - http://stack.uk.to은

Answer 1

내가 볼 수있는 유일한 문제는 사용자의 입력에 대한 CSS는이 height48px해야 말한다. 옆에있는 이미지는 50px이며 height입니다. input의 높이를 50px으로 변경하면 일치하는 것으로 보입니다.

있는 style.css는 :

.loginInput { 
    margin-right: -11px; 
    background: #0099FF; 
    padding: 0; 
    color: #000066; 
    font-size: 36px; 
    font-family: 'Cubano', Arial, sans-serif; 
    vertical-align: bottom; 
    height: 50px; 
    border: none; 
}