disabled button 위한 css

기여·2024년 5월 24일
0

소소한 개발팁

목록 보기
22/103

html:

<% if (nowPage == pageTotalCnt){ %>
<button class=move disabled="disabled" >다음</button>&emsp;
<%} else{ %>
<생략>
<%} %>

css:
중요한 건 마우스가 어떤 반응도 없는 거라고 본다.
cursor: not-allowed;
pointer-events: none;

/* 모든 버튼에 적용 시 button:disabled{ */
/* 일정 버튼에만 적용 시 ↓ */
.move:disabled{
	cursor: not-allowed;
	pointer-events: none;
	color: #ffffff;
	background-color: #b5cde2;
	text-align: center;
    border: none;
    border-radius: 3px;
    padding: 4px;
    min-height: 30px; min-width: 70px;
    font-size: 15px;}

결과:

참고자료

profile
기기 좋아하는 여자

0개의 댓글