CSS ::file-selector-button 가상 요소

정의와 사용법

CSS ::file-selector-button 가상 요소는 <input type="file"> 유형의 버튼을 선택하는 데 사용됩니다.

예제

예제 1

<input type="file"> 버튼의 스타일을 설정하세요：

::file-selector-button {
  border: 2px solid black;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: lightgreen;
}

직접 시험해 보세요

예제 2

<input type="file"> 버튼의 스타일을 설정하고, 하이픈 효과를 추가하세요：

::file-selector-button {
  border: 2px solid black;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: lightgreen;
}
::file-selector-button:hover {
  background-color: salmon;
  cursor: pointer;
}

직접 시험해 보세요

CSS 문법

::file-selector-button {
  css 선언;
}

기술 세부 사항

브라우저 지원

표中之 숫자는 이 가상 요소를 최초로 완전히 지원하는 브라우저 버전을 지정합니다.

相关页面

교육:CSS 가상 요소