안녕하세요. 송기석입니다.


오늘은 CSS 소스 중에 disabled 효과를 주는 소스를 팁으로 올리겠습니다.


보통은 <input type="text" name="test"> 와 같은 경우에 


<input type="text" name="test" disabled> 처럼 disabled를 추가 해주면 됩니다.


경우에 따라 이렇게 사용할 수 없는 경우가 있습니다.


저 같은 경우 meteorjs에서 autofrom을 사용하다 보니 문제가 발생해서 이것을


CSS로 해결 했습니다.


.disabled {
    pointer-events: none;
    background-color: #eee;
    color: #555;
    opacity: 1;
}
적용하고 싶은 코드에 class로 넣어서 사용하시면 됩니다.
처음 pointer-event를 none값을 주셔서 입력을 막고 배경색과 색을 조정하여 사용하지 못한다는 것을
표시했습니다.

감사합니다.
이 게시물을...