Как обрезать границу капчи?

Question

[Gagatyn]

Здравствуйте!
У капчи битрикса есть граница черная. Как её убрать воспользовавшись css или js? Так же чтобы поддерживал ie (допустим с ie8).
Я (код) пробовал при помощи clip обрезать границы, но на телефоне она видна.
Есть вариант сделать в собственном контейнере капчи. Позиционировать абсолютно и сделать больше размер, чтобы обрезать границы. Подскажите, пожалуйста, как с этим бороться.

Comments

[ⓒⓢⓢ]

Как обрезать границу капчи?

зачем делать капчу с границами, а потом стараться эти границы обрезать??

[Gagatyn]

JRK_DV, интересный вопрос!

Answer 1

[Ankhena]

Я бы так:

outline: 2px solid white;
  outline-offset: -2px;

А В ИЕ останется черная рамка, ну и ладно
https://caniuse.com/#search=outline-offset

Comments

[Ankhena]

Gagatyn не подходит?

[Gagatyn]

Ankhena, нет : (

А В ИЕ останется черная рамка, ну и ладно

[Ankhena]

Gagatyn, нормальный вариант только один: не делать границу изначально.
Остальное: outline, позиционирование, clip, внутренние тени или границы у вспомогательных элементов это извращение