Remove Border - Text Entry Boxes | XM Community
Skip to main content

Hi All

I am currently using this CSS to customise text entry boxes.

.Skin .TE .ML .InputText, .Skin .TE .SL .InputText, .Skin .TE .ESTB .InputText  {
    background: #fff;
    color: #000000;
    border-radius: 5px;

What do I need to add to this to remove the light grey borders?

 

Thanks :)

Hi try this

.Skin .TE .SL .InputText, .Skin .TE .ML .InputText, .Skin .TE .ESTB .InputText, .Skin .TE .PW .InputText, .Skin .TE .FORM .InputText, .Skin .MC .TextEntryBox, .Skin input.TextEntryBox, .Skin .TE textarea, .Skin textarea, .Skin input[type=password], .Skin input[type=text], .Skin input[type=search] {border : none; }

Hi @parkie_0007 ,

You can use the below code on the question level in JS.

jQuery(".TextEntryBox").css('border', '0px');

OR

By adding below css code in the look and feel 


.Skin .TE .SL .InputText, .Skin .TE .ML .InputText, .Skin .TE .ESTB .InputText, .Skin .TE .PW .InputText, .Skin .TE .FORM .InputText, .Skin .MC .TextEntryBox, .Skin input.TextEntryBox, .Skin .TE textarea, .Skin textarea, .Skin inputntype=password], .Skin inputntype=text], .Skin inputntype=search] {border : none; }

Note:-The CSS code would no show any border which results in kind off a blank background like the below image. 

 

 

Hi try this

.Skin .TE .SL .InputText, .Skin .TE .ML .InputText, .Skin .TE .ESTB .InputText, .Skin .TE .PW .InputText, .Skin .TE .FORM .InputText, .Skin .MC .TextEntryBox, .Skin input.TextEntryBox, .Skin .TE textarea, .Skin textarea, .Skin input[type=password], .Skin input[type=text], .Skin input[type=search] {border : none; }

 

Thanks!

This worked for my 1st text box but not by next 2 questions.

Hope you can help.

 

Thanks :)

use this

.Skin .TE .SL .InputText, .Skin .TE .ML .InputText, .Skin .TE .ESTB .InputText, .Skin .TE .PW .InputText, .Skin .TE .FORM .InputText, .Skin .MC .TextEntryBox, .Skin input.TextEntryBox, .Skin .TE textarea, .Skin textarea, .Skin input[type=password], .Skin input[type=text], .Skin input[type=search] {
    border: 0px;}

 

you will find this code if you inspect the question. It will have to be added for essay box, multiple lines and single line..all types of text entry if they appear in your survey

Amazing, thanks for your help!

Leave a Reply


Terms & Conditions