CSS style cancels the border of the default text box to create an invisible border?

advertisements

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" })


try: input.TextBoxAsLabel

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