Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
146079 | Jul 18,2019 08:58 PM UTC | Jul 24,2019 05:01 AM UTC | Blazor | 5 |
![]() |
Tags: Accordion |
<style>
.e-accordion {
border-radius: 6px 6px 6px 6px; border: none !important; } /* header custom css*/ .e-accordion .e-acrdn-item .e-acrdn-header { background-color: rgb(255, 204, 255); border-radius: 6px 6px 6px 6px; } /*header on hover custom css*/ .e-accordion .e-acrdn-item .e-acrdn-header:hover { background-color: rgb(255, 51, 255); } /*header on selected and expanded custom css*/ .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header { background: rgb(255, 204, 255); } .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header {
background: rgb(255, 128, 255); } .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
background: rgb(255, 204, 255); } /*content custom css*/
.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content { background-color: rgb(222,238,172); border-radius: 6px 6px 6px 6px; } </style>
|
<style>
.e-accordion {
border-radius: 6px 6px 6px 6px; border: none !important; } /* header custom css*/ .e-accordion .e-acrdn-item .e-acrdn-header { background-color: rgb(255, 204, 255); border-radius: 6px 6px 6px 6px; } /*header on hover custom css*/ .e-accordion .e-acrdn-item .e-acrdn-header:hover { background-color: rgb(255, 51, 255); } /*header on selected and expanded custom css*/ .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header { background: rgb(255, 204, 255); } .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header {
background: rgb(255, 128, 255); } .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
background: rgb(255, 204, 255); } /*content custom css*/
.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content { background-color: rgb(222,238,172); border-radius: 6px 6px 6px 6px; } /*to remove the white line*/
.e-accordion .e-acrdn-item.e-select {
border-bottom: 1px solid white !important; border-top: 1px solid white !important; } /*to change the accordion header color*/
.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
color: yellowgreen; } </style>
|
This post will be permanently deleted. Are you sure you want to continue?
Sorry, An error occured while processing your request. Please try again later.
This page will automatically be redirected to the sign-in page in 10 seconds.