Internet Explorer 7 CSS цвета и границы конфликта

0

У меня есть кнопка с некоторым текстом внутри и ее создание белой границы справа в IE7:

http://jsbin.com/UBusIHa/1

<div class="btn">text</div>

Эта граница является цветом текста, и она исчезает, если я удаляю свойство border-right, которое мне нужно.

Как я могу избавиться от него?

  • 0
    Чтобы удалить рамку вправо, попробуйте css border-right: нет; и удалите свойство border-right-color.
Теги:
internet-explorer-7

1 ответ

0

Убедитесь, что у вас нет пограничного наследования:

* {
    border-color:inherit;
}

У вас есть border-right-width:1px; и border-right-style:solid объявления на этой кнопке с CSS (хотя это может быть просто IE для разбора стилей).

Удаление тех, что были в моем IE7 Dev Tools, удалило для меня границу, что предполагает, что она как бы наследует цвет.

Вы также можете указать border-right-color для класса .btn.

  • 0
    Если вы измените цвет (шрифт) на красный, вы увидите, что это происходит от стиля цвета. Если я уберу границу вправо, то она исчезнет, но мне нужно свойство границы.
  • 0
    @Toniq вы пытались указать border-right-color , или у вас есть * { border-color:inherit; } объявление где-нибудь?
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню