Help with RadTextBox and RadMaskedTextBox validation

[Ryan]

I was looking at the example here: http://demos.telerik.com/aspnet-ajax/input/examples/common/validation/defaultvb.aspx?#qsf-demo-source
and there are some things that I can't seem to figure out how to do.

First of all in the masked text boxes like phone number, there is no yellow alert triangle when you try and enter numbers. On my page this appears on top of the red highlighting, and it does not look since it overlaps the black "X" that is on all textboxes in IE10.

Also I noticed that the Hire Date stays highlighted when the input is invalid. Is there any easy way to do this?

I can't seem to find anything special in the code on the demo page that handles any of these things.

This is the code for my RadMaskedTextbox:

<telerik:RadMaskedTextBox ID="_phone1" runat="server" MaxLength="25" CssClass="InputText" Mask="(###) ###-####"></telerik:RadMaskedTextBox>

And this is the CSS for it:

.InputText
{
    BORDER-RIGHT: #4d4a46 1px solid;
    BORDER-TOP: #4d4a46 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: #4d4a46 1px solid;
    COLOR: black;
    BORDER-BOTTOM: #4d4a46 1px solid;
    FONT-FAMILY: Arial, Helvetica, Sans Serif;
    BACKGROUND-COLOR: white
}

I have also attached a picture of the yellow alert triangle that I am talking about in the masked textboxes.

[Vasil]

Hi Ryan,

The yellow triangle depends on the styling. Some of the skins have it, like "Default" and some don't, like "Silk", you can create custom skins based on your design if you want.

If you want to remove the 'X' button in IE10 check this:
http://stackoverflow.com/questions/14007655/remove-ie10s-clear-field-x-button-on-certain-inputs

Regards,
Vasil
Telerik