Question

我想在单击鼠标选择所有网页时禁用或透明选择颜色

我使用CSS :: selection，如下面的css

*::selection
{
  -webkit-appearance: none;
  outline: none;
}

但是当你转到页面的最下方，然后选择到顶部，无法选择<p>和<img> - 这是正确的，但在所有图片的右侧＆＃34;空间＆＃34;仍然出现在选择颜色！如何禁用或使所有图像侧面选择颜色透明？（我不想选择背景颜色为白色，需要透明）

DEMO

Answer 1

将IMG标签包裹在<p>等标签中，颜色消失

 <p> dnksdnsdnjvf ffm in ifn ifn ifn ifn ifn ifn ifn ifn ifn ifn ifn ifn ifn ifn ifn ifn ifn ifn ifn ifn fi nfijvdjfvv fv fnj vfjv fjv fjv fjnvfj jnf fj </p>
 <p><img src="http://thumb1.shutterstock.com/thumb_small/260389/212829874/stock-photo-green-tea-in-wooden-spoon-and-lemon-slice-212829874.jpg"></p>

Answer 2

您可以尝试这样的事情

::selection {
  background-color: rgba(0, 0, 0, 0.5);
}
body {
  background-image: url(http://www.homelogy.net/wp-content/uploads/2015/04/linen-1.jpg);
}

select this text

点击“运行代码段”并选择文字

你可以用rgb值替换0。最后一个值alpha是透明度，1 = solid | 0 =透明

rgba代表红绿蓝-α。您可以在线搜索hex到rgb转换器，将＃00bbaa颜色转换为200,500,300。

禁用或使所有选择颜色透明

2 个答案: