CSS не применяется к HTML-содержимому окна XUL - PullRequest
Новая
       14

CSS не применяется к HTML-содержимому окна XUL

2 голосов
/ 30 ноября 2011

Я работаю над очень простым расширением Firefox, которое будет регистрировать информацию и динамически добавлять ее к базовой таблице HTML в окне XUL.

Все работает, кроме стиля CSS для таблицы HTML. Ни один из них не применяется. Я где-то читал, чтобы добавить -moz-appearance: none; в CSS, но это все равно не работает. Кто-нибудь видит, что не так с этим набором файлов XUL и CSS?

XUL файл 

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://rmtagfinder/content/log_window/log_window.css" type="text/css"?>
<!DOCTYPE window SYSTEM "chrome://rmtagfinder/locale/translations.dtd">

<window id="rm-tag-finder-log-window"
    title="&rmtagfinder.app.name;"
    xmlns:html="http://www.w3.org/1999/xhtml"
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<vbox flex="1" style="overflow:auto" >

<html:table cellspacing="1" cellpadding="4" bgcolor="#CCCCCC" border="0" id="rm-tag-finder-log-window-html-table">
    <html:thead>
    <html:tr class="tbl_header">
        <html:td width="100">Time</html:td>
        <html:td width="100">Domain</html:td>
        <html:td width="200">Request Made</html:td>
        <html:td width="200">Referer</html:td>
        <html:td width="200">Decoded Info</html:td>
     </html:tr>
    </html:thead>
    <html:tbody></html:tbody>
</html:table>

</vbox>
</window>

файл CSS 

@import url("chrome://global/skin/");
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

.tbl_header {
    -moz-appearance: none;
   font-weight: bolder;
   font-family: Arial, Verdana, Helvetica;
   font-size: 8pt;
   color: #fcfcfc;
   background-color: #4F80AB;
}

tr {
    vertical-align: top;
}

td {
    vertical-align: top;
}

Ответы [ 2 ]

3 голосов
/ 02 февраля 2012

У меня все заработало вскоре, вот решение. Я должен добавить следующую строку в файл CSS, чтобы он распознавал стили CSS в пространстве имен html: 

@namespace html url("http://www.w3.org/1999/xhtml");
0 голосов
/ 14 января 2013

Вам нужно только переопределить стили CSS, используя !important, потому что при импорте

@import url("chrome://global/skin/"); к окну уже применены некоторые стили CSS.

...