分享程序员开发的那些事...
更新时间：2023-12-02 10:56:16
不太确定我明白你的意思。
你试试这样的东西吗？
在下面的代码段或 codepen DEMO
:: moz-selection {background：red;} :: - webkit-selection {background：red;} :: selection {background：red;} a：active :: - moz-selection {background：transparent;} a：active :: - active :: selection，a：focus :: selection {/ * focus + tabindex for ie where where href * / background：transparent;} a {border：solid;}< p> Pellentesque a habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas< / a> ;. Vestibulum tortor quam，feugiat vitae，ultricies eget，tempor sit< a tabindex =0> Internet Explorer< / a> amet，ante。 Donec eu libero sit amet quam egestas semper。 < / p>$ p>
??
There are tons of questions like this one and every answer I've seen is: use user-select: none. That surprises me, because disabling selection completely is in most cases very bad idea.
I want to disable selection in my HTML5 app, because I use plenty <a> elements without hrefs and when user clicks them fast enough, they get highlighted. That's bad. But I still want them to be able to select their text normally, by holding mouse button down and dragging.
not too sure i understand your meaning. are you trying something like this ?
Run the demo in the snippet below or in codepen DEMO
::-moz-selection {
background: red;
}
::-webkit-selection {
background: red;
}
::selection {
background: red;
}
a:active::-moz-selection {
background: transparent;
}
a:active::-webkit-selection {
background: transparent;
}
a:active::selection , a:focus::selection{/* focus + tabindex for ie where no href*/
background: transparent;
}
a {border:solid;}
<p>Pellentesque <a>habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas</a>. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit <a tabindex="0">Internet Explorer</a>amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
??