Стиль темы GWT переопределяет мой стиль CSS
У меня есть некоторые файлы HTML с их собственной CSS. Я хочу использовать их в gwt приложении, таким образом, я скопировал HTML и файлы CSS в приложении.
Проблема состоит в том, когда я открываю HTML, это использует gwt стиль темы. Например, в моей CSS цвет фона 'тела' HTML является черным, но это выглядит белым, если я не деактивирую тему.
Как я мог переопределить gwt стиль темы и использовать мои стили CSS?
2 ответа
Как сказал Сарфаз - ! Important должно быть вашим последним средством, поскольку это как бы разрушает всю концепцию каскадных таблиц стилей.
В любом случае, в GWT, чтобы легко переопределить основные стили GWT, содержащиеся в выбранной вами теме, вам следует найти файл модуля (тот, имя которого заканчивается на * .gwt.xml), а затем найти строка, в которой вы объявляете свою тему и помещаете свою собственную / любую таблицу стилей после , например:
<inherits name='com.google.gwt.user.theme.standard.Standard' />
<stylesheet src="CustomStylesheet.css" />
Обратите внимание, однако, что для GWT 2.0 CssResource и UiBinder Рекомендовано.
Обязательно прочтите соответствующий раздел документации для получения дополнительных указателей.
Вы можете переопределить стили GWT, используя ключевое слово ! important во всех ваших CSS файлов HTML, например, если один из ваших файлов HTML содержит этот CSS:
background-color:#000000;
Тогда вы должны написать его так:
background-color:#000000 !important;
Сделайте то же самое для всех ваших стилей в файлах HTML.
Обратите внимание, что использование ! Important - не лучший способ; если вы можете найти какие-либо лучшие альтернативы, вам следует сначала выбрать их.