Apply custom styles to speech-enabled controls

By default, the speech-enabled control with the speech focus has a light green background. The background remains green while speech recognition processing is ongoing in that control, even if the speech focus is moved to another speech-enabled control.

You can customize this style in your stylesheet. Define your own style for the NUSA_focusedElement class. For example:

.NUSA_focusedElement
{
    background: #CCFFCC;
    color: #363636;
}

Displaying the Nuance flame icon in speech-enabled controls

If you want the marker to be displayed, but not in the speech-enabled field itself (for example, in a related container), define a standard HTML id attribute for the container into which the Nuance flame icon will be embedded; then add the data-nusa-marker-container="<id of associated container>" attribute to the speech-enabled control.

The Nuance flame icon will now be displayed in this container and not in the speech-enabled field.