ネイティブアプリでテキストコピーできるようにするCSS

.copy-text {
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
  }

• user-select
  • ユーザーが文章を範囲選択できるかどうかを制御する
• ベンダープレフィックスは以下の通り
  • -webkit-： MacOS Safari/Google Chrome
  • -moz-： Firefox
  • -ms-： IE10以上

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

補足

• JavaScriptで特定の要素以外をクリックした時のイベント
  • .c-buttonの内側/外側をクリックしたときのイベントを取得できる

document.addEventListener('click', (e) => {
  if(!e.target.closest('.c-button')) {
    //ここに外側をクリックしたときの処理
  } else {
    //ここに内側をクリックしたときの処理
  }
})

https://hirakublog.com/outside-click-event-js/