How to set style for ajax tab container ?

Question

Hi friends plzz give me some hints how to style the tab container... Easiest way to do so. Do not give links from net. If u`ll have applied styling to tab container let me know how to do it? Thanks

Jaganathan Bantheswaran · Answer

Hi Create CSS style as like the below .SampleTab .ajax__tab_header { color: #aa976b; font-size: 13px; font-weight: bold; background-color: White; margin-left: 10px; } .SampleTab .ajax__tab_outer { background-color: White; } .SampleTab .ajax__tab_inner { padding: 6px; margin-right: 1px; margin-left: 1px; margin-top: 1px; margin-bottom: 1px; background-color: #f8f6ea; } .SampleTab .ajax__tab_hover .ajax__tab_outer { background-color: Orange; } .SampleTab .ajax__tab_hover .ajax__tab_inner { background-color: #FFFFE1; } .SampleTab .ajax__tab_active .ajax__tab_outer { background-color: White; } .SampleTab .ajax__tab_active .ajax__tab_inner { background-color: #fefdf7; } Use this CSS to the tab container.