基本上我在这个网站上工作 - www.docksteaderlending.ca
我无论如何都不是开发人员，但我有基本的 css 和 html 知识。
客户想要一个简单的单页站点，没有其他页面。但希望在顶部标题中立即申请按钮、电子邮件和电话号码。我通过在 wordpress 菜单中使用自定义链接并链接到 mailto:xxx 和 tel:xxx 来实现这一点
客户回来，说他不喜欢你不能突出显示和复制文本（不喜欢它自动打开邮件客户端）。
我想要做的是使文本可选，我设法通过添加以下 css 来做到这一点：
.unclickable > a:hover { pointer-events: none; cursor: default; }
它起作用了，尽管它有点弄乱了光标。但是，我意识到问题出在移动设备上。这些链接不可点击，但您也无法在移动设备上选择它们。
我试过使用用户选择，但它似乎没有做任何事情。这是我在下面使用的代码：
.selectable p {
-webkit-user-select: all; /* Chrome all / Safari all */
-moz-user-select: all; /* Firefox all */
-ms-user-select: all; /* IE 10+ */
user-select: all; /* Likely future */
}
理想情况下，我想做的是使链接既可点击又可选择，这似乎是最简单的解决方案，允许用户选择，同时允许移动功能。但我的知识已经穷尽，谷歌似乎没有帮助。
任何帮助表示赞赏。如果您查看网站，我将电子邮件地址保留为不可点击的类，而电话号码没有其他 css 类（除了字体真棒图标，但这无关紧要）
我可能会建议媒体查询，以便 .unclickable 类仅应用于移动浏览器宽度以上的设备
@media (min-width: 768px){
.unclickable > a:hover {
pointer-events: none;
cursor: default;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句