HTML 입력 버튼이 iPad에서 다르게 나타납니다.

HTML 입력을 만들었습니다.HTML 입력 버튼이 iPad에서 다르게 나타납니다.

<input type="submit" id="Submitbtn" onclick="javascript:function()" value="Login" name="Submitbtn">

CSS는 다음 웹 브라우저에서

input:hover, input{ 
    background: none repeat scroll 0 0 #1356B4; 
    border: medium none; 
    margin-right: 0; 
    padding: 3px 10px 5px 0; 
    vertical-align: middle; 
    border-radius: 5px 5px 5px 5px; 
    color: #FFFFFF; 
    cursor: pointer; 
    display: inline-block; 
    font: 14px/26px Arial,Helvetica,sans-serif; 
    height: 26px; 
    -webkit-transition: all 0.3s ease-in-out 0s; 
}

출력 :

enter image description here

그리고 아이 패드에서 :

enter image description here

해결 방법?

출처

2012-02-27 Parag Gajjar

모든 관련 CSS를 우리에게 당신의 CSS는 요소 이름 (들)을 제시해주십시오. ie "#SubmitBtn {... css ...} 감사합니다. – ToddBFisher

내 질문을 편집하고 CSS를 추가했습니다 –

jsfiddle.net 페이지 또는 데모 페이지를 만들 수 있습니까? 다른 색상과 모양이 다시 나타납니다. ,하지만 이것은 질문에 제공된 불완전한 CSS 때문에있을 수 있습니다 ... (여전히 예기치 않은 외모를 얻고 있습니다 - http://jsfiddle.net/lucanos/nTF4U/1/) –

나는 당신이 당신의 CSS에 추가하여 버튼의 웹킷 모양을 없애합니다 가정 :

-webkit-appearance: none;

출처

2012-02-28 13:59:54 DoubleYo

그 것을 '입력 [ '입력 = submit'] '일반 입력 {}뿐만 아니라, 그렇지 않으면 웹킷 아래 라디오 입력 필드를 엉망으로 만들 것입니다. –

Btw : Google 크롬을 사용하여 데스크톱 컴퓨터에서 이와 같은 웹킷 문제를 회귀 할 수 있습니다. ~이다. o 웹킷 브라우저. –

HTML 입력 버튼이 iPad에서 다르게 나타납니다.

답변

관련 문제