Почему Chrome игнорирует мой селектор CSS?

Question

На следующей странице http://ada.kiexpro.com/test2/map.html Я добавил:

white-space: normal;

для переноса текста об авторских правах, поступающего в Google Map API. Он работает в FF и IE, но Chrome, похоже, игнорирует селектор CSS:

global.css:

#cm_map span {
white-space: normal !important;
}

Answer 1

У Google есть анонимный div со встроенными стилями, окружающими содержание авторских прав. Единственный хук, который я вижу, это то, что это родной элемент "logocontrol" div Чтобы переопределить, попробуйте что-то вроде следующего:

#cm_map #logocontrol + div[style] {
    left: auto !important;
    line-height: 13px;
    right: 5px;
    bottom: 6px !important;
    white-space: normal;
    width: 95%;
}

Не полностью протестировано, но что-то вроде этого должно работать.

Answer 2

Вот еще один пример хрома, игнорирующего важный. На этот раз его на позиции. Снятие отметки «позиция: относительная» действительно вносит абсолют в картину. Таким образом, стиль действителен.

Answer 3

Это также может быть ошибка в Chrome: white-space normal !important не переопределяет nowrap.

Я сообщил об этой ошибке на http://code.google.com/p/chromium/issues/detail?id=89573,, но, исходя из того, что они полностью игнорировали более важную проблему с 2009 года , у меня мало надежд на то, что эта ошибка будет исправлена.