> 웹 프론트엔드 > JS 튜토리얼 > 장애인 스타일을 모방

장애인 스타일을 모방

php中世界最好的语言
풀어 주다: 2018-03-09 16:13:13
원래의
1541명이 탐색했습니다.

이번에는 장애인 흉내내기 스타일과 장애인 흉내내기 시 주의사항은 무엇인지 알려드리겠습니다. 아래는 실제 사례를 살펴보겠습니다.

모방 비활성화

외부 레이어에 커서 추가: 허용되지 않음

내부 조직 clickEventspointer-events: none

<template>
    <li v-for="item in navLists" 
          href="javascript:;"
          class="li i"
          :class="{
          &#39;activeShow&#39;:item.active,
          &#39;disabled-li&#39;:!item.flag
          }">
          <a   href="javascript:;"
             :class="{disabled:!item.flag}"
             @click.stop="toolgeNav(item)">
            <h2>{{item.title}}</h2>
            <span class="samll-en" :title="item.small">{{item.small}}</span>
            <span class="samll-en-bg">{{item.small}}</span>
          </a>
    </li></template><style scoped>.disabled {
    pointer-events: none;
    /cursor: not-allowed!important;/
}
.disabled-li {
  /阻止事件/
  cursor: not-allowed !important;
}</style>
로그인 후 복사

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 정보는 PHP 중국어 웹사이트의 기타 관련 기사를 주목해주세요!

관련 읽기:

js 배열에서 false, null, 0, "", 정의되지 않음 및 NaN 값을 필터링하는 방법

table tr th 및 table tr td에 글꼴이 너무 많습니다. CSS Solve 사용 방법

360 속도 모드가 기본적으로 켜져 있도록 설정하는 방법

위 내용은 장애인 스타일을 모방의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿