Skip to content

How to modify the background color of "table-zebra" class? #2895

Answered by Vijaykv5
iamyourdre asked this question in Q&A
Discussion options

You must be logged in to vote

Hi @iamyourdre

I think Daisy UI does not provide a built-in utility to directly change the background color of the "table-zebra" class.
If you need to customize the background color of the zebra-striped table, you'll likely need to override the existing styles using custom CSS
You can add it in the CSS file like this :
.table-zebra tbody tr:nth-child(odd) { background-color: #00000 }

Replies: 1 comment 1 reply

Comment options

You must be logged in to vote
1 reply
@iamyourdre
Comment options

Answer selected by iamyourdre
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
2 participants