попробуйте заменить position:absolute; left:-9999px; top:-9999px; на display:none;
и посмотреть в safari и chrome. текст сгенеренный через svg не скрывается
например если у инпута задан правый и левый отступ по 2px, бордер 1px то можно написать так
input { margin-left:-6px; width:100% }
.wrapper { padding-left:6px; }
это поможет обойти использование box-sizing и боже упаси quirks mode.
лично для меня намного проще было бы верстать с доктайпом. и чем сложней макет, тем нужнее доктайп. ну это только для меня. вы может лучше научились укрощать ие quirks mode… всякое бывает )
только лишних проблем себе доставите используя этот режим. с доктайпом можно верстать без всяких проблем, зная «особенности» ие, и методы их решения. а в quirks mode будет отображаться как в ие5. оно вам надо ??
лучше класс добавлять вот так (className += " type-text")
мало ли, вдруг на элементе уже есть какой-нибудь класс, в вашем случае он полностью заменится
и ошибка все равно возникала. я в этих экспрешенах не очень рублю, может они отличаются чем то важным от твоего примера. хотелось бы конечно раз и навсегда разобраться с возможностью применения innerHTML
и посмотреть в safari и chrome. текст сгенеренный через svg не скрывается
input { margin-left:-6px; width:100% }
.wrapper { padding-left:6px; }
это поможет обойти использование box-sizing и боже упаси quirks mode.
в этом режиме этот код совсем по другому отображается чем в нормальных браузерах
мало ли, вдруг на элементе уже есть какой-нибудь класс, в вашем случае он полностью заменится
zoom:expression(
runtimeStyle.zoom = 1,
insertAdjacentHTML('afterBegin','… ххх...'),
insertAdjacentHTML('beforeEnd', '… ххх...')
)
и
scrollbar-face-color:expression(!this.isInserted==true? this.isInserted=(this.innerHTML = '...' + this.innerHTML + '...'): '');
и ошибка все равно возникала. я в этих экспрешенах не очень рублю, может они отличаются чем то важным от твоего примера. хотелось бы конечно раз и навсегда разобраться с возможностью применения innerHTML