Question

我在html中有一个按钮，背景图像和文本超出它，如何禁用该文本的选择，使其看起来更“无缝”？

echo '<td width="130" height="30"'. "onClick='document.location = ".'"'.$value.'";'."'><center>".$key."</center></td></a>";

Answer 1

使用此css：

#defaultPointer{
    cursor:default;
}

这个div：

<div id="defaultPointer">
<p>
hello world
</p>
</div>

只是一个样本，但它应该让McGoats让它变得更加无脑。我之前对网站做过同样的事情。

在你的情况下，你可能只是将id添加到你到达的td。

希望这有帮助。

Answer 2

两种方法

- Render the text as image as we have email in Facebook
- Overlay it with a Div with semi transparent image as a background

Answer 3

如果我已正确理解你的问题，你希望它的行为就像一个按钮，只需添加到你的“td”样式：

style="cursor:pointer;"

Answer 4

要设置鼠标指针的样式，您需要使用cursor CSS样式。

.normalpointer {
    cursor:default;
}

这适用于所有浏览器。（有一些指针类型可以设置样式，在旧浏览器中确实存在跨浏览器问题，但default绝对适用于所有地方）

禁用选择文本的能力稍微复杂一些：您需要做一些事情，因为浏览器支持是多种多样的。

对于支持通过CSS执行此操作的浏览器，您需要以下内容：

.unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

即user:select:none;加上一堆特定于浏览器的变体。其中一些特定于浏览器的变体现在可能会被删除，因为支持已经改进，但如果你保留它们，你将能够支持那些暂时没有升级浏览器的人。

我相信以上也适用于IE9，但旧版本的IE肯定不支持它。对于那些，您需要将以下属性添加到您想要无法选择的元素：unselectable="on"

因此，所有浏览器中不可选择的div看起来像这样：

<div class='unselectable' unselectabnle='on'>....</div>

（引用上面样式表的类）

user-select CSS样式的替代方法是使用::selection CSS。这允许您设置文本在选中时的外观样式。例如，您可以使用此选项将选择文本设置为与普通文本相同，这样可以仍然选择文本，而不会实际显示更改：

.myclass::selection {
    background: transparent;
}

再次，您可能需要一些供应商特定的样式表来支持某些浏览器的旧版本 - 例如：

.myclass::-moz-selection {
    background: transparent;
}

希望有所帮助。

如何阻止选择文本或将光标更改为某些文本上的指针

4 个答案: