【问题标题】:Apply CSS on HTML.Helpers在 HTML.Helpers 上应用 CSS
【发布时间】:2014-02-25 11:22:02
【问题描述】:

我知道这是一个已在 StackOverFlow 上回答的老问题。但是,这些答案都在这里不起作用。我无法在我的任何 html 助手上应用 CSS。

我的 HTML:

@Html.TextBox("Origin", new { @class = "MyInputClass" }) 

我的 CSS:

 .MyInputClass
{
 width:300px;
} 

我没有得到一个 300px 宽度的文本框,而是得到一个带有文本的文本框:{ class= MyInputClass }

如果我改为尝试:

@Html.TextBox("Origin", "123", new { @class = "MyInputClass" }) 

然后我会得到一个文本框,其中包含文本“123”但默认宽度...

【问题讨论】:

  • 你在哪里定义了css类?
  • Site.Css 使用
  • 您的第二个示例应该可以工作。您确定其他类没有覆盖.MyInputClass 设置的宽度吗?
  • 谢谢HTX9!就是这样!插入相同的句子作为答案,我会接受!多谢!

标签: asp.net-mvc html css razor asp.net-mvc-5


【解决方案1】:

不确定出了什么问题,因为我尝试了您的两个示例并且它们按预期工作。

得到:

<input class="MyInputClass" id="Origin" name="Origin" type="text" value="">

<input class="MyInputClass" id="Origin" name="Origin" type="text" value="123">

CSS 链接是否正确?

编辑: 也许您更改了某些内容,但现在第一个示例将创建带有“{ class= MyInputClass }”的文本框。中间添加空字符串参数,做一个空文本框:

@Html.TextBox("Origin", "", new { @class = "MyInputClass" }) 

【讨论】:

  • 嗨 berzinsu,是的,它已完美链接。它正在处理 html 代码的其他部分。
猜你喜欢
  • 2011-12-24
  • 2015-07-30
  • 1970-01-01
  • 1970-01-01
  • 2011-10-11
  • 2014-01-14
  • 2016-12-28
  • 2014-08-15
  • 2019-09-01
相关资源
最近更新 更多