IE9에서 입력 버튼 이미지 스타일링

type = image 인 입력을 사용하여 양식의 스타일을 지정합니다. 그것은 FF로 잘 렌더링되지만 IE에서는 보이지 않습니다 (아래 그림). 내 이미지 위에 작은 아이콘이 보이기도합니다. 아마 액션이없는 폼 요소 일 것입니다. - 다음과 같이 입력IE9에서 입력 버튼 이미지 스타일링

스타일은 모두 아주 간단합니다 : 내가 추가 국경을 시도했습니다

input.search-button { 
     display:block;  
     float:left; 
     width:25px; 
     height:25px; 
     background:url(images/search.png) no-repeat; 
}

: 0, 아니 기쁨. 프레젠테이션을 정리하는 방법에 대한 아이디어가 있습니까?

출처

2011-12-19 Nathan

'border-style : none;'또는'border-style : solid; '를 시도 했습니까? – Kyle

검색 버튼의 HTML 부분도 공유 할 수 있습니까? – Hoque

테두리의 경우 border:none;으로 설정하십시오. 입력에 대해서는 경로를 다시 확인합니다. src 속성에서 실제 이미지 대신 배경 이미지를 사용하려고하는 것 같습니다.

또한 이미지 경로를 슬래시 (/)로 시작하면 루트까지 모두 이동 한 다음 드릴 다운합니다.

희망이 도움이됩니다. 매트

출처

2011-12-19 07:10:47

haha. 네. 그것은 그럴 것입니다 - 이미지가 배경이지 이미지가 아니라면 도움이됩니다. 호버 상태를 어때? 그게 가능하니? – Nathan

jQuery를 사용하고 있습니까? 그렇다면 입력을 ID로 지정한 다음 해당 ID를 선택기로 사용하고 다음과 같이 해당 "src"특성을 전환하십시오. $ ('# myImageInputId'). attr ('src', 'myNewUrl'); –

분명히 jQuery 마우스 오버 이벤트 리스너에서이를 감쌀 필요가 있습니다. –

I는 IE9 희망 은/어떤 HTML의 헤드 메타 라인 아래에 추가하여 IE8/IE7로 렌더링 될 수

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>

다음 동일한 CSS는 모든 IE 버전에 맞는

출처

2012-01-24 07:51:51 krishna

IE9에서 입력 버튼 이미지 스타일링

답변

관련 문제