css - MVC3 CSS 文本框样式

标签 css asp.net-mvc-3 razor

<分区>

我知道这篇文章可能与许多其他文章(例如 How to set the width of the text box when using Html.TextBoxFor)相同,但我在将 CSS 类分配给文本框时遇到了真正的麻烦。

我的 CSS 很简单:

.myInput {
         width: 12em;
        border-color: red;   
    }

我的文本框声明为:

@Html.TextBoxFor(model => model.DepostAmount, new {@class= "myInput"})

但是文本框的样式没有任何不同。查看页面的源代码,我可以看到该类确实包含在对象标记中:

<input class="myInput" id="DepostAmount" name="DepostAmount" type="text" value="" />

我还可以看到 .myInput 的 CSS 也被渲染了。

最佳答案

我想通了。在 visual studio 生成的示例应用程序中,有一个选择器选择了覆盖我自己的 css 类的所有输入。

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

关于css - MVC3 CSS 文本框样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10733704/

相关文章:

html - 如何在html css中将滚动条添加到父div?

asp.net-mvc-3 - ASP.net MVC 3 更新或删除

asp.net-mvc - 如何重定向到同一 Controller 中的另一个 Action ?

匿名类型的 ASP.NET razor 三元表达式

c# - 在 cshtml 页面内异步加载

html - 评估包含 html 和 razor 的字符串

html - 如何使标题标题粘在顶部?

javascript - 3 行布局,100% 高度 : 1 auto, 1 自动滚动,1 固定

asp.net-mvc-2 - MVC3 - 访问 Controller 中下拉列表的内容

javascript - 使用内容向下移动的动画 div