Keyboard Support

Contact and Search

Keyman.com Homepage

Header bottom

Keyman.com

Other versions
Version 1.0

On this page

CSS classes for Visual Keyboard

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: