개발자의 끄적끄적

[html/css] css input disabled example / css input 비활성화 색상 설정하는 방법 본문

개발/html & css

[html/css] css input disabled example / css input 비활성화 색상 설정하는 방법

효벨 2021. 9. 29. 02:00
728x90
반응형

[html/css] css input disabled example / css input 비활성화 색상 설정하는 방법

 

 

css 에서

 

input 박스에 disabled 를 추가했을 경우

 

박스 안의 색상을 설정하고 싶은 경우가 있습니다.

 

사용자가 비활성화 상태인지 쉽게 구분하게 하기 위해서 

 

색상에 차이를 두곤 하는데요!

 

그럴때는 해당 페이지에 로드되는 css 파일에

 

아래 내용을 추가하거나

 

해당 페이지에 아래 css 를 텍스트로 추가하시면 됩니다.

 

input:disabled {
    background: #F0F0F0;
}

 

참고들 하세요!

반응형
Comments