입력 파일 형식에 텍스트 상자와 찾아보기 단추 사이에 공백을 추가하는 방법

Question

입력 유형 파일에 대해 찾아보기 단추와 텍스트 상자 사이에 공백을 추가 할 수 있습니까? 마찬가지로 동일한 텍스트 상자에 테두리 색상을 추가 할 수 있습니까?

덕분에,

michaeld 당신이 할 CSS를 사용한다

Answer 1

: 귀하의 HTML을 :

<input type="text" class="yourclass" name="yourname" /> 
    <input type="submit" /> 

당신의 CSS :

<style> input.yourclass { border:1px solid red; margin-right: 10px;} </style> 

희망이가 당신을두고 오른쪽 방향

Answer 2

간격을 늘릴 수 없습니다. 일반적으로 input type="file"의 스타일을 지정하는 것은 매우 어렵습니다. 크로스 브라우저를 확인하면 다른 브라우저가 다르게 렌더링한다는 것을 알 수 있습니다. 이 스타일을 할 수있는 유일한 방법은 가짜 input type="file" 같은 다른 요소

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