简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

비활성화 효과를 달성하기 위한 CSS 작업 제어

php中世界最好的语言
풀어 주다： 2018-05-07 17:41:29
원래의
4634명이 탐색했습니다.

이번에는 비활성화 효과를 달성하기 위한 CSS 작업 제어 를 가져왔습니다. 비활성화 효과를 달성하기 위한 CSS 작업 제어 에 대한 주의 사항은 무엇입니까? 다음은 실제 사례입니다.

js 이벤트를 사용하면 

event.preventDefault()
event.stopPropagation()
로그인 후 복사
와 같은 입력, 선택 및 체크박스의 기본

이벤트

를 방지할 수 있습니다. 실제로 

input {
    pointer-events: none;
}
로그인 후 복사

와 같은 순수 CSS로도 구현할 수 있습니다. 그런 다음 CSS를 사용하여 회색으로 만들 수 있습니다. 입력 결과, 50% 투명성 비활성화된 효과를 얻을 수 있습니다

input.disabled {
    pointer-events: none;
    opacity: 0.5;
}
로그인 후 복사

이 기사의 사례를 읽은 후 방법을 마스터했다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

H5+WebWorkers 멀티 스레드 개발 및 사용에 대한 자세한 설명

H5+canvas 컨볼루션 커널 이미지 처리 단계에 대한 자세한 설명

위 내용은 비활성화 효과를 달성하기 위한 CSS 작업 제어의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
css
원천：php.cn
이전 기사：dw 텍스트 상자를 만드는 단계에 대한 자세한 설명 다음 기사：CSS3 보조 탐색 메뉴를 만드는 단계에 대한 자세한 설명
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
function_exists()는 사용자 정의 함수를 결정할 수 없습니다. 기능 테스트() {                                                                                ...
에서 2024-04-29 11:01:01
0
2
1499
Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?
에서 2024-04-23 00:22:19
0
10
1660
자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.
에서 2024-04-19 15:37:47
0
1
1408
상위 창에 출력이 없습니다. document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');
에서 2024-04-18 23:52:34
0
1
1337
CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어
에서 2024-04-16 10:10:18
0
0
1387
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！