CSS를 통해 아래의 마크 업에서 src 참조를 제거하거나 변경할 수 있습니까?CSS는 입력 요소의 SRC 속성을 변경할 수 있습니까?
쉽게 할 수있는 것은 마크 업을 변경하는 것이지만이 코드는 자연스럽고 그대로 처리해야하므로 대신 이미지를 제거하고 배경 이미지를 사용하려고합니다. .
<input type="image" src="wp-content/uploads/image.png" name="submit" class="submit" value="Submit" />
높이와 너비를 0으로 설정하고 패딩을 추가하고 배경 이미지를 설정할 수 있습니다. 높이를 적용하려면 display: block 또는 display: inline-block으로 지정해야합니다.
다음은 예입니다 - 사실 http://jsfiddle.net/zBgHd/1/
+1 훌륭한 생각. 너와 내가 동시에 거기에있어 :-) –
아니요, 질문에 대답하십시오. 모든 브라우저 (AFAIK) 버전이 아닙니다.
모든 해결 방법에는 해결 방법이 포함됩니다. 지금 바로 시험해보고 있는데, :before 규칙을 사용하여 그 위에 배경 이미지를 만듭니다.
업데이트 ... 내가 input에 img 태그를 변경하는 경우 글쎄, 가치있는 것을 위해, :before가 Chetan에의 바이올린이 작업을 수행 @ 반면, input 요소를 존경하지 않습니다. 그래서, 명성.
, 난 그냥 그것을 알아 냈다.
.submit {width : 0; height : 28px; background : url (go.png) no-repeat; padding-left : 28px;}
대체 이미지는 28x28입니다. 왼쪽 패딩을 지정하고 너비를 0으로 지정하면 이미지를 상자의 가시 영역 밖으로 밀어 넣어 배경 이미지가 표시되도록합니다.
img src 속성에 관한 것이지만 입력 src에 대해서도 마찬가지입니다. 이 질문은 당신을 위해 꽤 대답합니다 - How to change an input button image using CSS? 또 다른 관련 질문 : Define an <img>'s src attribute in CSS
나는 그렇게 생각하지 않습니다 .. 어떻게 자바 스크립트에 대해? –