css設置頁面內容不能被選中


瀏覽網頁的時候,會遇到某些想要復制的文字不能選中

我們如果想要實現這個效果,只需要對包含這部分文字的標簽設置一個css屬性

user-select:none

但是低版本的IE瀏覽器無效,想要實現這個效果,可以用標簽屬性onselectstart="return false;"來實現

    <div class="test">
        我是你得不到的
    </div>
 .test {
            user-select: none
        }

這樣寫,頁面顯示的文字內容就無法選中了

為了使用多個瀏覽器,可以這樣寫,但是IE還要通過行內屬性來實現

  .test {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM