禁用 html 样式的复制

Question

Is it possible to disable copy of header.value in this "if"? (if yes, how?)

<div
    class="value"
    style="{{header.name === 'abc' ? 'color: transparent; text-shadow: 0 0 5px black;' : ''}}"
>
    {{ header.value }}
</div>

Thanks!

Answer 1

You can use this in the css:

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

This would prevent user from selecting the text and copying it. Sample: https://codesandbox.io/s/small-sea-rseff?file=/index.html