CSS

[CSS] input text focus border color, 포커스 시 테두리 색상 변경

chsr 2022. 4. 27. 09:51
728x90
반응형

■ CSS input text focus border color, 포커스 시 테두리 색상 변경


■ 예제

<input="text"> 요소 포커스 시 테두리 색상으로 변경하는 방법 (그림자 효과)

<style>
input:focus { outline: none !important; border-color: #d6a8e9; box-shadow: 0 0 10px #d6a8e9; }
</style>

<input type="text" placeholder="추가할 내용을 작성해주세요.">

■ 결과

캡처 - 예제 실행 결과

728x90
반응형