draggable =“ false”在用户选择时不起作用：CSS中未定义]]

Question

我有一个文本链接，我将其用作站点的徽标，并且我不希望该链接可拖动或选择（出于美观考虑，它仅是本地站点）。我要问为什么draggable="false"不能正常工作，但是后来我发现，如果我从CSS中删除了user-select: none;，它就可以正常工作。这是我的代码（请注意：文本本来是没有text-decoration的黑色，但由于我也使用了重置样式表，因此无需定义它）：

.logo {
    padding: 1.5em;
    text-align: center;
    user-select: none;
}

.heading {
    font-family: 'Yeseva One', serif;
    font-size: 3em;
}

.heading a {
    transition: 200ms;
}

.heading a:hover {
    color: #c1250f;
}
<div class="logo">
    <h1 class="heading"><a href="#" draggable="false">Title</a></h1>
</div>

您知道为什么它们不能一起工作吗？有什么办法可以解决？

谢谢。

我有一个文本链接，我将其用作站点的徽标，并且我不希望该链接可拖动或选择（出于美观考虑，它仅是本地站点）。我要问为什么...

Answer 1

这不是完美的，但光标：该链接上没有光标意味着它没有悬停光标，并且拖动受到限制。您在这里与浏览器默认值作斗争，但这几乎可以满足您的要求。