Some Gen Web View custom css styles do not display at runtime

Products

• Gen

Issue/Introduction

Migrating from Gen Web Generation to Web View and wanting to achieve the same css styles as currently implemented with Web Generation html control java script. Colours and fonts seem to be applied, but button styling, including background colour, seems limited. In particular, these styles are not working:
border-radius, background-color, box-shadow, text-shadow, padding

Resolution

The user had followed the documented steps to assemble into the ear file a custom skinloader.js which references bootstrap.css:
Gen™ 8.6 > Developing > Designing > Use Gen Studio > Work with Web View > Application Skins


Engineering provided this advice for additions to the bootstrap.css file which was successful for "Help" button (Button3) on primary Dialog Box "CLIENT_DETAIL_EMPLOYEE",
1. border-radius & background-color:
.yui-button { 
border-radius: 5px 5px 0px 0px; 
overflow:hidden; 
} 
#genbody .gen_window.CLIENT_DETAIL_EMPLOYEE .gen_content .Button3 .first-child BUTTON{ 
background: -webkit-linear-gradient(top, #3a6ea5, #3a6ea5); 
} 

2. box-shadow, text-shadow & padding:
#genbody .gen_window.CLIENT_DETAIL_EMPLOYEE .gen_content .Button3 .first-child BUTTON{ 
background: -webkit-linear-gradient(top, #3a6ea5, #3a6ea5); 
box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 5px 0; 
text-shadow: #000000 0 2px 0; 
padding: 10.5px 21px; 
}