Question

I want to display a text box in css/razor without the border (well, as white background) but it’s picking up the color value from it’s parent.

Q: How can I override the default value in the parent css style so my textbox value looks like a label (white background color)?

input[type="text"], 
input[type="password"], select {
border: 1px solid #93A9C8;  }

.TextBoxAsLabel
{
   border: none;
   background-color: #fff;
   background: transparent;
}

— Called from razor page —

@Html.TextBoxFor(m => m.ImpToDate, new { @class = "TextBoxAsLabel" })

Answer 1

try: input.TextBoxAsLabel

This makes your class more specific and will probably override the previous one.