Applying css style to @Html.TextBoxFor not working

Question

I am trying to apply css class style to my @Html.TextBoxFor control in mvc3 razor view. But I am not able to see the defined style applied to the control. Below is my code:

In my .cshtml file I have the control as:

@Html.TextBoxFor(model => model.project.ProjectName, new { @class = "myStyle"})

In .css file I have defined the style as:

.myStyle
{
    width: 150px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 1.00em;
}

What am I doing wrong? Can anyone help me please?

Thanks, Balaji

And the generated textbox doesn't have class="myStyle"? Or is there a possibility the CSS file is missing? — Brad Christie
– Brad Christie, Commented Jan 11, 2013 at 15:15
The code is correct, check if you are including. Css file correctly, in layout or view. Try adding a HTML <input type="text" class="myStyle" /> to see if takes the style... — Mate
– Mate, Commented Jan 11, 2013 at 15:16
Thanks Brad for the quick turn around. The css file is existing as I am getting styles for other controls on the form. — Balaji Telugunti
– Balaji Telugunti, Commented Jan 11, 2013 at 15:20
Thanks Mate for your suggestion. I tried that too and the result is same. No styles. I tried removing all styles for my site and created a new css with only one style and tried to apply that and again the result is same. — Balaji Telugunti
– Balaji Telugunti, Commented Jan 11, 2013 at 15:21
:) Ok, check answer's @Shyju. And Maybe you could try to put background-color: #F00; (just in case). You could "inspect" elements with firebug or chrome to check html/css rendering — Mate
– Mate, Commented Jan 11, 2013 at 15:32

Shyju · Accepted Answer · 2013-01-11 15:20:13Z

2

If you are sure that your style sheet is properly loaded to the page (check the path to style sheet is correct), possible reason for the probelm could be, some other styles are overriding your defined style. Use IMPORTANT to make this override everything else

input.myStyle
{
    width: 150px !IMPORTANT;
    font-family:Arial, Helvetica, sans-serif !IMPORTANT;
    font-size: 1.00em !IMPORTANT;
}

answered Jan 11, 2013 at 15:20

Shyju

220k106 gold badges421 silver badges499 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mcliedtk · Accepted Answer · 2013-01-11 15:18:04Z

0

The .cshtml code looks correct to me. I would inspect the HTML source that gets generated to verify that class="myStyle" is present on the ProjectName input. If it is present, then the problem lies with your CSS (e.g. another style may be overriding myStyle).

answered Jan 11, 2013 at 15:18

mcliedtk

1,0311 gold badge13 silver badges21 bronze badges

Collectives™ on Stack Overflow

Applying css style to @Html.TextBoxFor not working

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related