Выбор текста Выделение слишком много

Выбор текста Выделение слишком сильно с обеих сторон из-за заполнения.

Text Selection Example

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

Как исправить это с помощью CSS? Я пробовал кучу разных вещей, ни одна из которых, похоже, не работает. (т.е. пытаться использовать маржи и другие свойства).

Я сталкивался с этой проблемой несколько раз и никогда не мог понять.

Если кто-то может показать мне, как это исправить, и, возможно, объяснить, как подсчитывается выделение текста, я бы очень его оценил.

Похоже, что это не происходит в Firefox/Opera (не может протестировать IE), и это может быть ограничено браузерами на основе webkit.

РЕШИТЬ:

Добавьте position: relative к любым дополненным элементам (это, скорее всего, ошибка webkit).

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

Ответы

Ответ 1

Это странно. Однако изменение позиции CSS, похоже, работает, например:

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

http://jsfiddle.net/LJLdW/

Не знаю, возможно ли это в вашей ситуации.

Ответ 2

Изменение отступов от div.sizing-container до 75px 0px 75px 0px поможет устранить эту проблему. Изюминка настолько велика из-за заполнения этого элемента.

Затем вам нужно изменить add:

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

К телу. А затем добавьте отступ 10px к .sizing-container

Это исправляет это для меня. Это все, что я могу сказать.