Keyboard Support

Contact and Search

Keyman.com Homepage

Header bottom

Keyman.com

Other versions
Version 17.0 (home page)Version 16.0 (home page, current version)Version 15.0 (home page)Version 14.0 (home page)Version 13.0 (home page)Version 12.0 (home page)Version 11.0 (home page)Version 10.0 (home page)Version 9.0 (home page)Version 8.0Version 7.0 (home page)Version 6.0 (home page)Version 5.0 (home page)Version 4.0 (home page)

Index

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: