Изменение CSS в GWT

Question

Я пытаюсь изменить css по умолчанию, но ничего не происходит, даже если я делаю

bar.setStylePrimaryName ( "GWT-TabBar");

Вот мой CSS, даже при попытке изменить заголовок не получается H1

Почему это не меняется?

    /** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
body {
  color: black;
  font-family: Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  margin: 20px 20px 20px 20px;
}

h1 {
  font-size: 2em;
  font-weight: bold;
  border: 8px solid #C3D9FF;
  background-color: #E8EEF7;
  color: #000099;
  margin: 40px 0px 70px;
  text-align: center;
}

.gwt-TabBar { 

  background-color: #C3D9FF;

}
.gwt-TabBar .gwt-TabBarFirst { 
 background-color: #C3D9FF;
    }
.gwt-TabBar .gwt-TabBarRest { 
     background-color: #C3D9FF;
    }
.gwt-TabBar .gwt-TabBarItem { 
 background-color: #C3D9FF;
}
.gwt-TabBar .gwt-TabBarItem-selected { 
 background-color: #C3D9FF;
} 

Answer 1

браузер часто кеширует css; и вы должны заставить его перезагрузить.

Вы можете сделать это, нажав клавишу Shift при нажатии кнопки «перезагрузить».

Я второй проверяю, изменился ли css в firebug.

Answer 2

У меня есть несколько идей: вы импортировали CSS в приложение? Вы можете сделать это в своем application.gwt.xml или в index.html.

загружен ли css? Вы можете проверить это с помощью firebug. проверьте вашу целевую папку или военную папку, чтобы узнать путь.