2010-07-28 16 views
0

J'ai créé une tabbox en utilisant le code suivant (avec une capture d'écran jointe).XUL tab tab tabulation height

Comment régler la taille de la languette pour qu'elle soit plus large autour de l'étiquette?

<tabbox> 
    <tabs> 
     <tab label="A LABEL"></tab> 
    </tabs> 
    <tabpanels> 
     <button> 
    </tabpanels> 
</tabbox> 

http://img38.imageshack.us/img38/2484/tabbox.png http://img38.imageshack.us/img38/2484/tabbox.png

J'ai essayé le CSS suivant:

tab, tabs, tabbox { 
    height: 2em; 
    line-height: 20px; 
    padding: 10px; 
    margin: 10px; 
} 

Cependant rien ne change, je l'ai essayé également de remplacer l'attribut d'étiquette avec un élément d'étiquette de l'enfant et un élément de description de l'enfant Cependant, cela s'avère futile aussi.

Suggestions?

modifier pour la recherche: Impossible de modifier les styles pour les éléments XUL dans Firefox sous Mac OS X

Répondre

1

Il est une chose OSX, que vous pouvez remplacer avec quelque chose comme ceci:

<tabbox> 
    <tabs> 
     <tab style="-moz-appearance: none;"> 
      <label value="test1" style="font-size: 20px; padding: 5px;"/> 
     </tab> 
    </tabs> 
    <tabpanels> 
     <button/> 
    </tabpanels> 
</tabbox> 

Maintenant, vous pouvez à peu près personnaliser à tout ce que vous aimez.

Voici une capture d'écran de quelque chose que je l'ai fait avec des onglets:

alt text http://img299.imageshack.us/img299/8103/selection001.png