[分享]css3怎么复制行或选中项

CSS3提供了多种方法来复制行或选中项，从而方便我们进行页面排版和调整样式。下面介绍几种实用的方法。// 复制整行或选中项 .row { / 复制整行 / boxshadow: 0px 2px 0px...

CSS3提供了多种方法来复制行或选中项，从而方便我们进行页面排版和调整样式。下面介绍几种实用的方法。

// 复制整行或选中项
.row {
  /* 复制整行 */
  box-shadow: 0px 2px 0px 0px #fff, 0px 4px 8px rgba(145, 145, 145, 0.2);
  /* 复制选中项 */
  ::selection {
    background-color: #f6c2c2;
  }
}

// 复制文本框中的内容
<textarea id="myTextarea">这里是复制的文本内容</textarea>
<button onclick="copyText()">复制文本</button>
<script>
function copyText() {
  var copyText = document.getElementById("myTextarea");
  copyText.select();
  document.execCommand("copy");
}
</script> 

使用以上方法，不仅能够提高我们的工作效率，同时也有助于使页面排版更加整洁美观。欢迎大家尝试和使用。