Change Tabbox - tab background color

Question

asked 2013-10-08 12:13:35 +0800

Weasley
11 ● 2

updated 2013-10-09 03:42:41 +0800

cor3000
6280 ● 2 ● 7

I want to change the background colour of the tab

<tabbox mold="accordion">
  <tabs>
    <tab style="background-color:red;">Label1</tab>
    <tab>Label2</tab>
    <tab>Label3</tab>
  </tabs>
  <tabpanels>        ...

  </tabpanels>
</tabbox>

But it didn't worked :(. Please give me some hints :)

Answer 1

answered 2013-10-09 03:54:00 +0800

cor3000
6280 ● 2 ● 7

Your color works, but it gets overridden by a background image of a nested div.

To remove this background-image, and replace with a solid color you can use the sclass attribute to give the tab a specific class, and apply the style using normal css rules.

Please have a look at this example showing how this can be achieved.

Robert

Answer 2

0

answered 2013-10-15 17:51:25 +0800

dadebat
1

with css is better

link publish delete flag offensive edit

CORE FRAMEWORK

FEATURED COMPONENTS

TOOLS

EXPLORE ZK

RESOURCES

LEARN ZK

RESOURCES

GET HELP

RESOURCES

MORE ABOUT ZK

MORE ABOUT ZK

Change Tabbox - tab background color

Comments

2 Answers

Question tools

Stats

Related questions