Бутстрап - странное наследование цвета кнопки

[Zverushka]

http://jsfiddle.net/Zverushka/ESU55/

У меня в стиле указано color: inherit !important; - но цвета нема, при том что у родителя цвет белый. Я не вижу в дебаггере, что цвет родителя чем-то перекрывается. 

Но при наведении текст кнопки меняет цвет - почему? color: inherit не работает, а color: white - срабатывает - почему?

[SelenIT]

при том что у родителя цвет белый

У body? Пардон, где? В bootstrap.min.css вижу для body color:#333;, это же видно у кнопки при наведении...

[Zverushka]

.btn-red цвет белый - должно же от нее и наследоваться свойство при :hover? если стоит inherit?

[swandev]

.btn-red цвет белый - должно же от нее и наследоваться свойство при :hover? если стоит inherit?

:hover это же псевдокласс, а не псевдоэлемент (как :after :before у которых родитель тот элемент на котором они вызваны) поэтому ищет родителя относительно inputa

[klierik]

он бы наследовался, если бы ранее не был применен стиль к :hover.

[SelenIT]

Когда "ранее"? В примере он как раз наследуется при :hover (от родителя, как всегда), а без hover-а явно задан. Возврат к немодифицированному :hover-ом состоянию — не наследование, отношения родитель-потомок там нет. Хотя то, что возможности явно сослаться на это состояние в CSS до сих пор нет (даже с нововведениями типа default и initial) часто действительно бывает обидно…

[klierik]

мы говорим про бустрап, а значит имеем дело с:

.btn {...  &:hover,  &:focus {    color: @btn-default-color;    text-decoration: none;  }}

так что ранее он уже был определен, и inherit для :hover, имхо, не сработает.

я на это наткнулся как раз таки более полгода назад, помучался и забил. не такая проблема переопределить color для :hover

[SelenIT]

В примере из топика стоит inherit !important, так что срабатывает.

[klierik]

В примере из топика стоит inherit !important, так что срабатывает.

 

так в том то и дело что ен срабатывает и при ховере цвет текста черный, а не белый

[SelenIT]

Так а с какого испуга ему быть белым? «Козырный» inherit придает цвет родителя (body, который #333), вроде всё верно…