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

■ 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="추가할 내용을 작성해주세요.">

---

■ 결과

캡처 - 예제 실행 결과