Hello,
I try to manage in CSS a tabstrip color for different tab pages, also with their shapes, but still I could not hide all elements from standard display.
On the left side there is al light grey background, which is as large as whole tabstrip.
I though I can hide it with : .sapUiTabStrip { background-image: none; border:solid 1px; border-radius:10px; }, but it's not working.
my code : 
.sapUiTab, .sapUiTabDsbl,
.sapUiTabSel {background: #e5e5e5 !important;border-color: #c4c4c4;height:24px; weight:150px;font-family:"Arial";color: #666666;font-size: 12px;font-weight: bold;border-bottom: 2px solid gray; margin-down: 2px !important; }
.sapUiTabSel {background: #b2bf31 !important;border-color: #c4c4c4;height:24px; weight:150px;font-family:"Arial" ;color: #FFFFFF; font-size: 12px;font-weight: bold; margin-down: 2px !important;}
.sapUiTabBar ul.sapUiTabBarCnt {background-image: none; margin-top: -1px; height : 30px; background: #FFFFFF !important;border : none}
.sapUiTabStrip { background-image: none; border:solid 1px; border-radius:10px; }
Could anybody help?
Beata