vBCode buttons BG

[Datex]

Wie kann ich bei den vBCode Buttons die Hintergrund farbe ändern ?

Temp vbcode_buttons:
<input type="button" class="bginput" value=" B " onclick="vbcode(this.form,'B','')" onmouseover="stat('b')" title="FETT (alt+b)" accesskey="b"
><input type="button" class="bginput" value=" I " onclick="vbcode(this.form,'I','')" onmouseover="stat('i')" title="KURSIV (alt+i)" accesskey="i">

Header inserts:
TEXTAREA, .bginput {
FONT-SIZE: 12px;
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
COLOR: #000000;
BACKGROUND-COLOR: #CFCFCF
}
Eigentlich müsste ich ja nur im Header inserts die BACKGROUND-COLOR auf #FFFFFF setzen und es müsste weis sein. Aber das passiert nicht.

Weis jemand wo/wie des zuändern ist ?

[Mystics]

Bei mir geht das.

Du solltest dir aber im Klaren darüber sein, dass das nur mit dem IE funktioniert, beim Opera & Co. bleiben die Buttons grau. :rolleyes:

Und achte darauf, den richtigen Style zu editieren, klingt blöd, passiert aber schnell bei mehrere Styles ;)

Mystics

[Datex]

Hmm.. is ja blöd ich hab den IE aber funktionieren tut's trotzdem nicht.
Ok dann muss ich eben rumprobieren ob ich's irgendwie hinbekomm.

p.s. hab nur einen style, localboard ;)

[Mystics]

Sind denn die Textfelder wenigstens weiß geworden?

Ich habe nur die von dir angesprochene Änderung gemacht, daraufhin hatte die Textboxen und die Buttons einen weißen Hintergrund.

Hast du nach der Änderung auch nen Refresh gemacht? (Lach nicht ;))

Evtl. mit STRG + Aktualisieren.

Mystics

[Datex]

Die textferlder sind weis geworden ja aber die buttons sind grau geblieben.
Refresh hab ich natürlich gemacht :D aber dennoch sind sie grau.

Hier mal mein header insert, hab da etwas gebastelt aber ich glaub nicht das es an irgendeinem der sachen liegt die ich geändert hab.
<meta http-equiv="MSThemeCompatible" content="Yes">
<style type="text/css">
BODY {
SCROLLBAR-BASE-COLOR: {categorybackcolor};
SCROLLBAR-ARROW-COLOR: {categoryfontcolor};
}
SELECT {
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
FONT-SIZE: 11px;
COLOR: #000000;
BACKGROUND-COLOR: #FFFFFF
}
TEXTAREA, .bginput {
FONT-SIZE: 12px;
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
COLOR: #000000;
BACKGROUND-COLOR: #CFCFCF
BORDER-RIGHT: #748DA8 1px dotted;
BORDER-TOP: #748DA8 1px dotted;
BORDER-LEFT: #748DA8 1px dotted;
BORDER-BOTTOM: #748DA8 1px dotted;
}
A:link, A:visited, A:active {
COLOR: {linkcolor};
}
A:hover {
COLOR: {hovercolor};
TEXT-DECORATION: underline;
}
#cat A:link, #cat A:visited, #cat A:active {
COLOR: {categoryfontcolor};
TEXT-DECORATION: none;
}
#cat A:hover {
COLOR: {categoryfontcolor};
TEXT-DECORATION: underline;
}
#ltlink A:link, #ltlink A:visited, #ltlink A:active {
COLOR: {linkcolor};
TEXT-DECORATION: none;
}
#ltlink A:hover {
COLOR: {hovercolor};
TEXT-DECORATION: underline;
}
.thtcolor {
COLOR: {tableheadtextcolor};
}
.pagenumstatic {
color: #000000;
background-color: {secondaltcolor};
border-color: #000000;
border-style: solid;
border-width: 1px;
margin: 0px;
padding: 0px;
padding-left: 4px;
padding-right: 4px;
padding-top: 1px;
padding-bottom: 1px;
width: 1em;
text-decoration: none;
}
.pagenum A:link, .pagenum A:visited, .pagenum A:active {
color: #000088;
background-color: {categorybackcolor};
border-color: #000000;
border-style: solid;
border-width: 1px;
margin: 0px;
padding: 0px;
padding-left: 4px;
padding-right: 4px;
padding-top: 1px;
padding-bottom: 1px;
width: 1em;
text-decoration: none;
}
.pagenum A:hover {
color: #000000;
background-color: {secondaltcolor};
text-decoration: none;
border-color: #000000;
border-style: solid;
border-width: 1px;
margin: 0px;
padding: 0px;
padding-left: 4px;
padding-right: 4px;
padding-top: 1px;
padding-bottom: 1px;
width: 1em;
text-decoration: none;
}
.cat A:link, .cat A:visited, .cat A:active {
color: {linkcolor};
text-decoration: none;
}
.cat A:hover {
color: {hovercolor};
text-decoration: underline;
}
.button A:link, .button A:visited, .button A:active {
color:#748DA8;
background-color:#DBDDE6;
border-color:#748DA8;
border-style:solid;
border-width: 1px;
margin: 0px;
padding: 0px;
padding-left: 4px;
padding-right: 4px;
padding-top: 1px;
padding-bottom: 1px;
width: 1em;
text-decoration: none;
}
.button A:hover {
color: #DBDDE6;
background-color: #748DA8;
}
</style>

$headnewpm

[Mystics]

Das steht doch immer noch mit grau drin :confused:

TEXTAREA, .bginput {
FONT-SIZE: 12px;
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
COLOR: #000000;
BACKGROUND-COLOR: #CFCFCF

Mystics

[Datex]

Jau nachdem es nicht funktioniert hat mit #FFFFFF hab ich wieder grau draus gemacht. Sorry für die verwirrung.