KeymanWeb defines a number of CSS classes for the Visual Keyboard, to allow you to override its default formatting and display.

You can also control the color of a key when the mouse pointer moves over or when it is clicked. Due to bugs in Internet Explorer's CSS handling, we have chosen not to support these additional states as CSS classes, but instead have defined three global variables: KeymanWeb_KeyDownColor, KeymanWeb_KeyHoverColor, KeymanWeb_ControlDownColor

The following classes are defined:

In addition, each cap and character can be addressed separately:

See the following diagram for the relevant positions:

 `   1   2   3   4   5   6   7   8   9   0   -   =
0   1   2   3   4   5   6   7   8   9   10  11  12

   Q   W   E   R   T   Y   U   I   O   P   [   ]
  16  17  18  19  20  21  22  23  24  25  26  27
    A   S   D   F   G   H   J   K   L   ;   '
   32  33  34  35  36  37  38  39  40  41

 *   Z   X   C   V   B   N   M   ,   .   /
48  49  50  51  52  53  54  55  56  57  58

            [space bar]
                64
    

To modify the formatting of shifted characters, add the following value to the position:

Examples: