Я пытаюсь включить Material Design в существующее веб-приложение из-за желания использовать некоторые из таких модных виджетов, как MaterialCarousel , MaterialSwitch и так далее.Как только веб-приложение загружено, вся страница и все панели внутри него нарушаются из-за стиля, определенного для более общих тегов HTML, таких как div, table by materialize.css и overridecss.css.
td, th {
padding: 15px 5px;
display: table-cell;
text-align: left;
vertical-align: middle;
border-radius: 2px;
}
Есть ли способ избежать этого?
Сейчас я наследую следующие модули.
<inherits name='gwt.material.design.GwtMaterialWithJQuery'/>
<inherits name='gwt.material.design.addins.GwtMaterialAddins' />
Наследование модуля
<inherits name='gwt.material.design.GwtMaterialDesignBasic'/>
не работает.С этой строкой в моем app.gwt.xml или без нее количество CSS, генерируемых в каталоге css, одинаково.Этот же набор CSS-файлов будет в конечном итоге загружен на мою веб-страницу динамически.
<script type="text/javascript" src="gwtapp/gwtapp.nocache.js"></script>
<link rel="stylesheet" href="http://192.168.31.101:8080/pythonui/gwtapp/gwt/dark/dark.css">
<link rel="stylesheet" href="http://192.168.31.101:8080/pythonui/gwtapp/css/animation.min.css">
<link rel="stylesheet" href="http://192.168.31.101:8080/pythonui/gwtapp/css/material-icons.min.css">
<link rel="stylesheet" href="http://192.168.31.101:8080/pythonui/gwtapp/css/materialize.min.css">
<link rel="stylesheet" href="http://192.168.31.101:8080/pythonui/gwtapp/css/overridecss.min.css">