文字选择突出显示太多

Jam*_*yle 14 css padding textselection

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

文本选择示例

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

我如何使用CSS修复此问题?我尝试了很多不同的东西,但似乎都没有.(即尝试使用保证金和其他属性).

我已多次遇到这个问题,但从来没有弄清楚.

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

似乎这不是在Firefox/Opera中发生的(无法测试IE),它可能仅限于基于webkit的浏览器.

解决了:

添加position: relative到任何填充元素(这可能是一个webkit错误).

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

Seb*_*eer 8

这很奇怪.但是,改变CSS位置似乎有效,例如:

div.sizing-container {
    padding: 75px;
    position: relative;
}
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/LJLdW/

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