Hi Oisin ONidh and Cristiano Hansen,
Firstly, thanks for your valuable answers. I checked your your links for the solution. But actually They are not the solutions which i need. (I needed more flexible and dynamic solution, in fact i need some flags (id, parameter) to find them at javascript/css.
I solved the problem as the following way;
STEP 1
Update _CONTENT_ELEMENT method.
CLASS: ZCL_ITS_GENERATE_HTML_MOBILE4 > _CONTENT_ELEMENT
I declared this to compiler: Please add the replacement keywords to replacment keys table. For example: Sap ITS compiler ll replace "ZGRP1" keyword with GROUP1 value of the current control in html template.
STEP 2
Update a html element template.
ITS Services > ZRFGEN4 (Html Template)
Sap compiler will replace "ZGRP1" with GROUP1 value.
STEP 3
Create ITS page and test.
RESULT:
For example: i can show date picker popup for all elements which containd "ZDT" class in its web site. (via jquery > $(".ZDT").doDatePickerInput(); )
or modify specific control on css file side:
.MobileInput.ZDT{
color:red;
font-size:20px;
}