user-select & css

user-select & css

https://developer.mozilla.org/en-US/docs/Web/CSS/user-select

https://css-tricks.com/almanac/properties/u/user-select/

https://www.w3schools.com/csSref/css3_pr_user-select.asp

div {
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

  .control-select {
    user-select: none; /* don't select anything */
    user-select: auto; /* let the browser decide */
    user-select: all; /* select everything */
    user-select: text; /* select only text */
    user-select: contain; /* selection contained within element bounds */
  }

vue & scss

<style lang="scss">
    /* global css */
    div[data-uid="newsId"] > input.h-input {
        /* cursor: pointer; */
        cursor: pointer !important;
    }
    .common-handle-padding ~ .h-tooltip {
        width: 300px;
        /* width: 60% !important; */
    }
    .h-table-body > table {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }
    /* .h-modal-wrap {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    } */
    /* .h-modal-wrap {
        -webkit-user-select: text !important;
        -moz-user-select: text !important;
        -ms-user-select: text !important;
        user-select: text !important;
    } */
</style>


<style lang="scss">
    /* global css */
    .h-table-body > table {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }
</style>

---

©xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

---