>  기사  >  웹 프론트엔드  >  파일 필드의 스타일을 변경한다는 아이디어는 ie 및 firefox_javascript 기술과도 호환됩니다.

파일 필드의 스타일을 변경한다는 아이디어는 ie 및 firefox_javascript 기술과도 호환됩니다.

WBOY
WBOY원래의
2016-05-16 17:19:031256검색
코드 복사 코드는 다음과 같습니다.

파일 ID= "j" onchange="getValue();" style="-moz-opacity:0;filter:alpha(opacity=0);opacity:0;position:absolute;left:166px;" 🎜>< ;input id="ye" style="color: green;border: 1px solid green;width:300px;" />






아이디어:

1. 완고한 파일 필드는 Transparent: style="-moz-opacity:0;filter:alpha(opacity=0);opacity:0;"

2. 텍스트 상자와 버튼을 사용하여 파일의 모양을 바꾸고

3. 우리가 작성한 버튼 위에 파일 필드의 찾아보기 버튼을 배치합니다.

4. 값이 변경될 때의 파일 필드 즉, 파일 경로를 가져와서 텍스트 상자의 값에 할당하면 됩니다.

나는 단지 실험 중이며 실제로 스타일은 매우 간단합니다.

이것의 장점: 그냥 시뮬레이션입니다. 파일 도메인의 모양은 변경되었지만 실제로 작동하는 것은 파일 도메인 파일이므로 매우 편리합니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.