CSS в WebKit: переопределение '-webkit-border-image' на 'none' или эквивалентный - PullRequest
1 голос
/ 10 октября 2011

У меня есть стиль CSS, который устанавливает определенное свойство '-webkit-border-image' для тега 'a' (чтобы разрешить использование масштабируемого изображения в качестве окружающего кадра).

Мой вопрос заключается в том, как установить отдельное правило стиля, которое переопределит это, чтобы изображение границы не применялось. Я пробовал следующее:

-webkit-border-image: none !important;

Это, похоже, ничего не делает - по крайней мере, в Chrome Mac 15.0.874.83 beta.

Я не могу просто отключить границу или установить нулевую ширину границы, поскольку для этого конкретного стиля нужна граница (которая устанавливается с помощью отдельного правила).

Любые советы будут оценены.

Примечания: -Webkit-border-image формирует внешнюю границу вокруг элемента 'a'. Мне нужно удалить просто -webkit-border-image, а не всю границу. Элемент 'a' также имеет правило стиля:

граница: 4px solid rgba (13,13,13,0.88);

и мне нужно сохранить это, поэтому я не могу просто сделать:

граница: нет

Вот пример . Обратите внимание, что я также не могу удалить класс-нарушитель из элемента - разметка исправлена.

Спасибо.

1 Ответ

0 голосов
/ 10 октября 2011

Я посмотрел на его запись в W3school , чтобы увидеть значение по умолчанию, похоже на его:

-webkit-border-image: none 100% 1 0 stretch;

Я попробовал вашу ссылку jsfiddle и не вижу никаких изображений границ, когдая смотрю как есть на Mac Safari 5.1 и Mac Chrome 14.0

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...