Google Chrome - не работает CSS-преобразование текста

Question

Итак, у меня есть этот код, который работает в Firefox, но не в Chrome. Все, что я делаю, это просто стиль текста. Я не понимаю, почему это не работает в Chrome.

#hidden {
    color: #999;
    text-decoration: none;
    text-transform: uppercase;
}

И HTML

<p id="hidden">**hidden**</p>

Chrome возвращает неизмененную версию (a black, not uppercased **hidden**)

Пока Firefox любезно возвращает серый **HIDDEN**

Так есть ли какое-то решение для этого? Я в шоке, хром не поддерживает что-то такое простое.

Answer 1

Я догадываюсь об этом, но это может быть способ, которым Chrome исправляет ошибки в вашей разметке. По моему опыту, Chrome склонен игнорировать любой CSS, который ниже недопустимого CSS, что позволяет мне полагать, что наиболее вероятной причиной этого является то, что у вас есть ошибка в вашем CSS или HTML.

Очень быстрая, хорошая проверка для этого - установить элемент, который вас не обновляет, на display: none; и посмотреть, исчезнет ли он. Если это все еще видно, проблема в другом элементе. Вы также можете использовать W3C HTML Validator и CSS Validator , если вам нужны хорошие автоматизированные инструменты для проверки вашей разметки.