Hello gold,
You could achieve your goal by manually setting the desired skin's CSS classes on your regular textbox. Most of the JavaScript we use is not related to the control appearance - we have hooked up to some of the input events (onfocus, onblur, onmouseover, onmouseout), and we are changing the textbox css class (on the client-side - className) property there, using JavaScript. You can achieve the same result easily, and yes, it will be cross browser compatible.
In addition, please find attached the WebBlue theme skins for the rest of the html controls.
We have tried to include the most common html elements, and you can preview them along with their responding html tags in the Example.html file.
Let me explain the logic of the skinning:
In order to make things more flexible, we have included a global CssClass, named
.WebBlueGlobal, containing the most common css rules that will apply to the html elements on the page - color and font (relevant to the rules used in r.a.d.controls skins). Next, we have declared subclasses for the different html controls, that will use the theme - .button, .link, .textfield, .h1 - .h6, etc, and their names will not be changed for the other common skins we have created - telerik, inox, mac, etc. You can add as many selectors as you need for your project.
For example, if we want to apply a theme for a submit button, we need to use double css classes, i.e:
<input type="submit" class="WebBlueGlobal button" value="Submit" />
This type of css class application will facilitate the easier theme changing, and on the other hand will prevent class discrepancies with other stylesheets, or explicitly declared rules.
All the best,
Paul
the
telerik team