Question

我知道这篇文章可能与其他许多文章相同（例如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也被渲染了。

Answer 1

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

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

Answer 2

无论你在cshtml页面写什么，最终输出都是普通的html，所以在你的元素（输入类型，div等）中添加类，并为它编写write css类。如果你不想要vs生成的css，那么根据你的需要修改它。谢谢，祝你有愉快的一天..

MVC3 CSS文本框样式

2 个答案: