Question

所以我使用一个函数来选择<div>中的文本。它有效，但我不喜欢它在谷歌浏览器中的显示方式。你可以看到我的作品here。点击按钮，<div>中的文字会被选中，但在Chrome中，选择会一直延伸到窗口右侧，这样做并不好。它的工作原理就像我想在Firefox和IE中使用它一样。

当然，<div>的宽度为200px。我也尝试了max-width声明，但这也没有任何好处。有没有办法让选择不以这种方式显示？

Answer 1

尝试将CSS规则display:inline-block添加到您的div：

#result {
    width: 200px;
    font-family: Arial;
    font-size: 10pt;
    text-align: center;
    padding: 8px;
    border: 2px solid black;
    display:inline-block;
}

<强> jsFiddle example

Answer 2

您可以使用selectNodeContents()代替selectNode()：http://jsfiddle.net/6XUJR/

Chrome中的窗口中会显示文本选择

2 个答案: