입력란 스타일 지정 = "파일"상자 그림자로

JavaScript 상자 그림자를 사용하여 빨간색 광선을 추가하여 javascript를 사용하여 잘못 채워진 입력란을 형성합니다. 파일 입력 필드에 문제가 생겼습니다. Firefox에서는 찾아보기 버튼 주변으로 광선이 확장되며 기본 테두리를 제거 할 수 없습니다.입력란 스타일 지정 = "파일"상자 그림자로

CSS를 사용하여이를 수행 할 수있는 방법이 있습니까?

감사합니다.

enter image description here

HTML

<input type='file' id='userfile' name='userfile' maxlength='80' class='form-input'/>

CSS 클래스가 할당되는

.field-error { -webkit-box-shadow: 1px 1px 5px 5px #ff0000; -moz-box-shadow: 1px 1px 5px 5px #ff0000; box-shadow: 1px 1px 5px 5px #ff0000; border: none; }

출처

2012-01-07 Tom

http://www.quirksmode.org/dom/inputfile.html

또는 jQuery를 대체를 사용 : 당신이이 문서를 살펴 추천 이 파일 요소 주위에 div를 만드는 일종의 div 그림자를 사용하고 너비를 사용합니다. 이 문제를 해결하기 위해 firefox에서만 작동하지만 chrome은 파일 업로드 요소를 표시하는 다른 방법을 사용하기 때문에

는 this

출처

2012-01-07 19:31:05 defau1t

감사합니다. 나는이 아이디어를 가지고 일부 패딩을 가지고 전체 필드를 돌아 다니는 div를 만들었습니다. 지금까지 파이어 폭스와 크롬에서 그 일을하는 것으로 보인다. – Tom