文字选择突出显示太多

Question

文本选择因填充而在任一侧突出显示太多。

http://jsfiddle.net/JamesKyle/pA7BJ/

如何使用CSS修复此问题？我尝试了很多不同的东西，但似乎都没有。 （即试图使用保证金和其他财产）。

我已经多次遇到这个问题而且从来没有弄明白。

如果有人可以告诉我如何解决这个问题并解释如何计算文本选择亮点，我将非常感激。

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

  

解决：

     

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

     

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

Answer 1

这很奇怪。但是，改变CSS位置似乎有效，例如：

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

http://jsfiddle.net/LJLdW/

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

Answer 2

将div.sizing-container的填充更改为75px 0px 75px 0px可以解决此问题。 由于此元素上的填充，亮点非常大。

然后你需要改变添加：

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

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

这为我解决了。多数民众赞成我可以说。