css - 文本选择突出显示太多

Question

由于填充，文本选择在任一侧突出显示太多。

文本选择示例

如何使用 CSS 解决此问题？我尝试了很多不同的东西，但似乎都不起作用。（即尝试使用边距和其他属性）。

我已经多次遇到这个问题，但一直无法弄清楚。

如果有人能告诉我如何解决这个问题并解释如何计算文本选择突出显示，我将非常感激。

Firefox/Opera 中似乎没有出现这种情况（无法测试 IE），并且可能仅限于基于 webkit 的浏览器。

解决了：

添加position: relative到任何填充元素（这可能是 webkit 错误）。

http://jsfiddle.net/JamesKyle/ejfsM/

score 8 · Accepted Answer

这很奇怪。但是，更改 CSS 位置似乎可行，例如：

div.sizing-container {
    padding: 75px;
    position: relative;
}

不知道在你的情况下是否可行。

score 0 · Accepted Answer

更改 to 的填充div.sizing-container将75px 0px 75px 0px解决此问题。由于此元素上的填充，突出显示如此之大。

然后你需要改变添加：

width: 93%;
padding-left: 3%;

到身体。然后添加 10px 填充到.sizing-container

这为我解决了问题。这就是我能说的。

2 回答 2