如何有条件地向Html.TextBoxFor添加CSS类
要向Html.TextBoxFor添加CSS类，可以通过以下步骤实现：
- 在HTML文档中，找到需要添加CSS类的Html.TextBoxFor元素。
- 在该元素的属性中找到class属性，该属性用于指定元素的CSS类。
- 将需要添加的CSS类名称添加到class属性中。如果元素已经有其他CSS类，可以使用空格分隔多个类名。
- 保存并刷新HTML文档，以查看添加的CSS类是否生效。
添加CSS类可以通过以下几种方式实现：
- 直接在HTML文档中添加CSS类：
- 直接在HTML文档中添加CSS类：
- 这种方式直接在Html.TextBoxFor方法的参数中使用匿名对象，通过设置@class属性来添加CSS类。
- 使用CSS类的变量或字符串：
- 使用CSS类的变量或字符串：
- 这种方式可以通过变量或字符串来指定CSS类，方便在代码中进行管理和修改。
- 使用条件语句添加CSS类：
- 使用条件语句添加CSS类：
- 这种方式可以根据条件判断是否添加CSS类，可以根据具体需求进行灵活调整。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务需求。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务。 产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。 产品介绍链接：https://cloud.tencent.com/product/cos
请注意，以上链接仅供参考，具体产品选择应根据实际需求和情况进行评估。
相关·内容
我刚接触到角，如何检查特定的div是否有像jquery这样的类并更新那个div类，
在jquery中，我知道如何做，但在角度上如何做，
$("#sidebarToggle").on('click',function(e) {
$(".sidebar").toggleClass("toggled");
});
我试过下面的代码在角5。
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
浏览 1提问于2018-12-26得票数 1
回答已采纳
2回答
多年来，我一直以这样的方式开发Wicket页面:当它们是新的、小的、页面标记(html)包含小的CSS片段时。<wicket:head> local css </wicket:head>方法在设计时是舒适的，是动态变化的，是一体的.
当页面增长时，css块被提取为分离Wicket资源。可以更好地缓存在浏览器(以控制的方式)等。
现在我需要可选的颜色，例如button (用Button CSS制作的链接)，一个不活动的按钮。Wicket文档准备在资源中进行替换(一个用于替换的类)
.button
{ color: ${forecolor}
font-size: ${f
浏览 1提问于2015-09-10得票数 0
回答已采纳
如何实现ctrl + click和Shift + click在react中的选择，以选择行并获得值
请帮帮忙
代码：-
<table {...getTableProps()} className="table" >
<thead>
{headerGroups.map(headerGroup => (
<tr {...headerGroup.getHeaderGroupP
浏览 4提问于2022-03-02得票数 0
1回答
是否有一种很好的方法来调用css类作为PHP语句的一部分？我想要做的是改变div的背景色，它是html的一部分，这取决于php语句的结果的值。
php
if(!empty($check_availability)){
echo <div id="1"> do something <div>
// make the div background green if this is true
}
else {
<div id="2"> do something else instead&
浏览 2提问于2021-01-15得票数 0
2回答
我有我的angularjs 2代码的问题，我想通过angular2应用这个css。
在这里，我的jquery代码：
演示如何在角2中使用此代码。如何在角2中使用属性add类。
请帮帮我。
浏览 3提问于2017-05-12得票数 1
回答已采纳
我认为这可能是通过向页面模板添加自定义CSS来实现的。我有一个这样的页面模板：
<?php
/*
* Template Name: Grafy Full Width
*/
/*add_filter('materialis_full_width_page', '__return_true');*/
materialis_get_header();
?>
<div <?php echo materialis_page_content_atts(); ?>>
<div class="gr
浏览 0提问于2020-04-02得票数 1
回答已采纳
我有一个C# .Net网络应用程序。在该应用程序中，我需要根据登录到系统的用户有条件地禁用Html.TextBoxFor控件(也是Html.DropDownListFor控件)。我试着用
@Html.TextBoxFor(model => model.ProposalName, new { @ViewBag.IsDisabled })
在控制器中，@ViewBag.IsDisabled设置为String.Empty或“禁用”。但是，这将呈现为IsDisabled='disabled'或IsDisabled=""，因此该控件不会被禁用。当我试着
@Html
浏览 7提问于2012-01-31得票数 29
回答已采纳
在MVC应用程序视图中，我有@Html.TextBoxFor(m => m.Email, new { @class = "form-control", @readonly = "readonly" })
在我的Controller中发生if-语句时，我需要删除readonly属性。如果我首先从视图中删除属性，然后更改if -语句，那么如何从Controller删除视图中的属性，或者添加属性呢？
浏览 5提问于2017-04-09得票数 0
回答已采纳
在按钮上单击要在TS文件中调用的函数CSS样式 html代码： <div class="overlay-loader">
<div *ngIf="isLoading" class="loader"></div>
<p *ngIf="results">{{ results | json }}</p>
<p *ngIf="error">Error: {{ error | json }}</p>
浏览 21提问于2019-01-30得票数 1
2回答
我知道这篇文章可能和其他很多文章(比如)是一样的，但是我在给textbox分配一个CSS类时遇到了麻烦。
我的CSS很简单：
.myInput {
width: 12em;
border-color: red;
}
而我的textbox是使用以下命令声明的：
@Html.TextBoxFor(model => model.DepostAmount, new {@class= "myInput"})
但是，textbox的样式没有任何不同。查看页面的源代码，我可以看到该类确实包含在对象标记中：
<input class=
浏览 0提问于2012-05-24得票数 1
回答已采纳
我正在尝试将bootstrap仪表板模板集成到Angular8项目中。但是当我在index.html中链接css文件时，我得到了resource not found错误，
<link rel="stylesheet" href="./src/assets/css/theme.min.css" id="stylesheetLight">
<link rel="stylesheet" href="./src/assets/css/theme-dark.min.css" id="styl
浏览 3提问于2019-07-17得票数 0
4回答
在Home.js中，我有以下代码
<div id="sub-container">
...
</div>
在home.css中，我有以下代码
#sub-container {
... // A lot of css
}
我想有条件地向css添加一个值。我找到的唯一解决方案是创建一个新块并在其中添加行。
{condition ? (<div id="sub-container">) : (<div id="sub-container-2">)
#sub-container-2 {
.
浏览 1提问于2018-05-02得票数 1
回答已采纳
我在剃须刀视图上有一个用于控件的文本框：
@Html.TextBoxFor(model => model.PrimaryAddressLine1)
如果用户将此字段留为空白，验证将向字段添加class=“输入-验证-错误”，将其颜色更改为红色(如预期的那样)。但是，如果我试图向字段中添加一个自定义css类，如下所示：
@Html.TextBoxFor(model => model.PrimaryAddressLine1, new { @Class = "addressfield" })
当“输入-验证-错误”类不再添加到控件时，我松开了红色。
如何保留红色并添加自定
浏览 5提问于2014-06-05得票数 3
回答已采纳
我的网站上有一些使用某些CSS和JS资源的页面--但它们是唯一使用css或js文件的页面--所以我不想在每个页面中都包含那个CSS和JS引用。与其修改每个View来引用它所需要的CSS/JS，我还以为我可以在Controller中创建一个包，并将它添加到已经注册的Bundles中，然后将它包含在包引用中，但这似乎是不可能的，或者我只是用了错误的方式来实现它。
例如，在我的注册页面的Controller中，我认为我可以这样写：
Bundle styleBundle = new Bundle("~/bundles/registrationStyleBundle");
styleBu
浏览 4提问于2013-05-01得票数 4
回答已采纳
1回答
我很难找到任何关于HTML助手如何呈现HTML元素的体面文档。例如，对于Html.TextBoxFor，如何为元素指定CSS类或id？关于HTML助手有什么好的文档吗？我只能在网上找到几个非常具体的例子，而且我觉得MSDN文档相当令人困惑.
浏览 2提问于2014-05-01得票数 0
回答已采纳
我有一个有日期和时隙的日历。选择日期后，时隙将出现。在那里，您可以通过单击选择时间。现在，我要在时隙中更改所选项目的颜色。假设，如果您单击上午11时至下午12时时隙，它应该得到红色，然后您单击下一次，即12PM-1PM，因此12PM-1Pm将得到红色和子。我试过使用focus，它不起作用。因为我已经在用悬停了。可能是因为这个原因，focus和hover不能同时工作。也许我需要使用一些onclick。我在下面添加了我的柱塞代码。这是CSS：
.frame {
width: 100%;
height: 400px;
margin-left: 0%;
border:
浏览 1提问于2015-10-28得票数 0
回答已采纳
1回答
我有一个textbox元素，它正在使用MVC的标记在我的.ascx文件中呈现：
<%= Html.TextBoxFor(model => model.AssignedOperatorDisplayName, new
{
@class = "assignedOperatorDisplayNameTextArea"
})
%>
我现在需要有条件地禁用这个textbox元素。最初，我试图通过将禁用属性设置为true或false来做到这一点：
<%= Html.TextBoxFor(model => model.Assign
浏览 7提问于2014-04-18得票数 1
回答已采纳
我在我的angular 2应用程序中使用了ng2-completer。有没有任何方式，我可以样式或应用css的内容在完成者下拉基于某些条件。我有像红色，蓝色，绿色....so开的内容。我希望红色的项目有红色的背景颜色，下拉列表中的其他项目也是如此。谢谢。
浏览 3提问于2018-10-02得票数 0
2回答
我是个新手，我想在点击后隐藏一个按钮。在下面的两个代码段下面是proptypes。我需要有一个hideSubmit按钮吗？单击后如何隐藏按钮？我读到我可以通过状态或css来完成。因为这是一个按钮，所以似乎更容易使用css？任何帮助都将不胜感激。
浏览 4提问于2017-05-05得票数 1
我有一个asp.net mvc视图，允许用户在文本区中输入一些描述。
我面临着两个问题。
当我展开文本区域时，它正在扩展而不移动其他html元素，或者我不能创建一个Html.TextBoxFor ()多行文本框。有人能对此提出解决方案吗？如果使用Textarea，如何使其扩展(增大大小)，使其不与其他元素重叠，或者如何使用Html.TextBoxFor()处理多行？
下面是我的代码的样子
<% using (Html.BeginForm())
{ %>
<%: Html.ValidationSummary(true)%>
<fi
浏览 1提问于2011-05-05得票数 19
回答已采纳
我想知道如何为文本框html元素添加更多属性。
例如：
@Html.TextBoxFor(model => model.DBFIELDFROMTABLE, "CustomTemplate", new { @class = "form-control"})
我想添加最大长度
@Html.TextBoxFor(model => model.DBFIELDFROMTABLE, "CustomTemplate", new { @class = "form-control"})
浏览 1提问于2013-11-27得票数 0
我正在与AngularJS作斗争，任何帮助都将不胜感激。问题是-我在div上有一个按钮，当点击它时，应该会在应用程序的整个主体中添加一个css类。有可能吗？谷歌一下建议我们可以将css类添加到有问题的元素中。
详述：
我有一个显示表单的主页。它有一个图标列表，当点击时，应该会弹出一个页面，显示项目的详细信息，它应该会将我的主页移到左侧，以便为详细信息页面腾出空间。
<ul data-ng-controller="myctrl">
<li data-ng-click="showMe(0)">Item 1</li&
浏览 0提问于2013-12-06得票数 0
模型类
[Required(ErrorMessage = "Pass word is required")]
//[ValidatePasswordLength]
[DataType(DataType.Password)]
//[Display(Name = "Password")]
public string Password { get; set; }
视图
<div class="editor-label">
@Html.LabelFor(model => model.Password)
</div>
<
浏览 0提问于2015-03-29得票数 15
回答已采纳
1回答
突出显示d3.js中的树路径
、、、、
基于这个
我在d3.js中构造了一个树结构可视化，它包含进一步的特性，如缩放、拖动、移动和突出显示节点等。添加的特性不会影响基本的树代码，如该示例所示。现在，我想实现类似Mouseover这样的功能，以突出显示鼠标所在节点的根目录路径。我有问题的跟踪路径到根(不知道如何跟踪路径)，有人能给一个提示或一些有用的链接如何实现吗？
浏览 1提问于2013-10-25得票数 5
回答已采纳
4回答
我有Razor，其中有3列，如下所示：
DEnom amt totalamt
$1 0 0
$5 4 20
$10 1 10
$50 0 0
$100 2 200
Total 7 230
在这里，面额可能会不时变化。
因此，按如下所示填充了使用for循环的UI：
@for (int count = 0; count < Model.Bill.Count(); count++)
{
<tr>
<td>
@Html.LabelFor
浏览 4提问于2014-01-23得票数 1
回答已采纳
1回答
我正在使用ngFor从两个数组创建一个表
<tr *ngFor="let e of lis1; let k=index">
<td>{{e}} </td>
<td>{{lis2[k]}}</td>
</tr>
创建的表如下所示
Name Age
a 15
b 20
c 25
我想更改年龄大于20岁的行的颜色。如何设置此条件？我用的是棱角打字本。
在lis1中，我有一个名称数组(a，b，c)，在lis2中，我有一个年龄数组(
浏览 12提问于2022-03-03得票数 0
回答已采纳
1回答
@using (Html.BeginForm())
{
@Html.TextBoxFor(m => m.Name, new { @Value = "Name" })
@Html.TextBoxFor(m => m.Email, new { @Value = "Email" })
<input type="submit" value="Go" />
}
如何在其中添加css类并添加填充？我有以下css，我希望添加尝试填充它一点
.newsletterform
{
c
浏览 0提问于2011-12-08得票数 9
回答已采纳
2回答
如何在不使用innerHTML、Jquery或dom操作的情况下使用角将样式动态添加到特定位置的文本？
就像。Hello World我想像Hello World那样展示
Hello应该是bold & World应该在italic。
下面是我所想的，
let text = 'Hello World'
let style = {word:'Hello',type:'bold',word:'World',type:'italic'}
因此，基于style输入，text应该根据其类型自动获得样式。
在角度上可以不使
浏览 0提问于2019-03-02得票数 0
我手动创建custom.css文件，我想添加一些像下面这样的css编程使用PHP
.test{
color:red;
}
例如，我有一个按钮，如果我单击该按钮，我想将css添加到css文件中
浏览 0提问于2017-09-01得票数 0
1回答
在React中更改图标的颜色
、、、、
我有一个包含div元素迭代的one React组件，如下所示：
render(){
return(
<div className="col-md-12">
{this.state.pageOfItems.map(opration =>
<div className=" col-md-4 icondiv" key={opration.id}
onClick={this.selectOperation.bind(this,opration
浏览 16提问于2017-06-28得票数 3
回答已采纳
2回答
这里我有HTML元素像这样堆叠，
.center-badge p {
font-size: 12px;
}
<div class="center-badge">
<div>
<p>Get a</p>
<p><strong>2% rate reduction</strong></p>
<p>with a</p>
<p>co-applicant</p>
</div>
</di
浏览 8提问于2021-12-09得票数 2
是否可以使用逻辑语句更改Shopify liquid页面中的css属性？类似于：
{% case template %}
{% when 'index' %}
#headlogo{display:none}
{% endcase %}
浏览 0提问于2014-08-12得票数 1
我在我的网站上找到了一些漂亮的JavaScript，它可以倒置颜色，我还找到了一种使用localStorage来保持状态的方法。
下面是持久化逻辑的样子：
var isNight = localStorage['night'] || false;
if (isNight) {
// $html is shorthand for my jQuery selected <html> tag
$html.addClass('night');
else {
$html.removeClass('night');
}
//
浏览 4提问于2015-03-24得票数 2
回答已采纳
我是wordpress主题的新手，我正在开发一个主题，使用最新的Twitter引导程序。
我的问题是: WordPress根据正在发生的事情向html元素添加类名：
<ul class="sub-menu">
<li id="menu-item-36" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-36"><a href="#">Category</a></li>
<
浏览 0提问于2013-08-16得票数 0
我正在尝试通过CSS完全删除链接，并将其替换为我自己的自定义消息。这个是可能的吗？我发现一些链接通过css禁用，但锚文本仍然可见，并且不允许我包含我自己的消息。
本质上，我想让它只有登录的成员可以查看链接，使用一个条件，使用CSS只为非登录(访客)用户，取代下载链接为“对不起，只有成员可以看到这个链接，在这里注册”
有什么想法吗？
浏览 1提问于2014-04-10得票数 0
1回答
在div标记之间，HTML标记(如标题、中断)之间，内容不再对齐。示例: Html.DisplayFor (.)应该总是有正当理由的。怎么解决这个问题呢？
<div class="table">
<div class="row">
<div class="cell">
<h3>Heading 1</h3>
<hr />
<div class="row">
浏览 3提问于2014-03-25得票数 1
回答已采纳
2回答
我有一个html页面，我想样式化(使用IE9)。
以下代码：
<style type="text/css">
#komponenter select,
#komponenter input
{
width: 180px;
box-sizing:content-box;
}
.special_box { width: 50px; height: 150px; }
</style>
... snipp ...
<div id="col2" class=&
浏览 0提问于2012-04-23得票数 0
回答已采纳
如何格式化选择列表中的单个元素？例如，我希望将schoolclassCode.color属性绑定到html-元素及其背景属性。
<select size="10"
class="form-control"
multiple
ng-model="activeStep.selectedSchoolclassCodes"
ng-options="i.schoolclassCode for i in activeStep.schoolclasses">
&l
浏览 3提问于2014-11-02得票数 0
回答已采纳
1回答
动态标记最大值
、、、
我有一个数组，每个玩家都有一个统计对象。我在如下列表中显示每个玩家的值：
<tr>
<td *ngFor="let stat of stats">
<div > {{stat.gameCount}}</div>
</td>
</tr>
<tr>
<td *ngFor="let stat of stats">
<div > {{stat.winCount}}</div>
</t
浏览 1提问于2018-04-07得票数 1
回答已采纳
3回答
嗨，我有以下的(查看)html代码和css产生了这个结果，我如何对齐它？
结果
视图
<div class="divfloatleft" >@Html.DropDownListFor(model => model.tintFactorType , slFactorType, new { @class = "divfloatleft rulestextbox5" })</div>
<div class="divfloatleft" >@Html.TextBoxFor(model => mod
浏览 4提问于2013-09-20得票数 0
回答已采纳
我是一个编码新手，我想学习如何在functions.php中有条件地添加css样式--我的头由.header-outer类控制。根据类别的不同，添加css的最佳方法是什么？我能够确定类别段塞(非标准wordpress类别)，并写了一些如果条件。它正在工作，但无法理解添加css。对于wp_enqueue_style，我应该调用外部预定义的css文件，还是可以直接用functions.php编写。
wp_enqueue_style( '***', get_template_directory_uri() . '/mycss/category1.css', array
浏览 0提问于2016-03-09得票数 -1
1回答
我是网络开发的新手。最近，正在试用一个例子，以实现Tab功能的角JS。
I希望将条件运算符应用于以下代码。，我能应用传统的运算符吗？，因为我必须把它做对。它显示出了一些错误。
<div class="tab-content">
<div ng-class="{'tab-pane active': activeTab === 1, 'tab-pane' : activeTab !== 1}">Panel 1 Content</div>
<div ng-class="
浏览 1提问于2016-04-10得票数 2
回答已采纳
2回答
我在设计Instagram克隆人。我对故事的特点有意见。当故事开始的时候，我画了上面的台词。这些线是由div组成的。他们都有一个共同的阶级。我为CSS设计做了这个。但我做了一个活生生的身份证明不会发生在他们所有人身上。
有活动身份的人将是白色的，他们的不透明度将是1。没有这个身份的人将有0.5的不透明度。
当您分配一个id时，它会工作。但是当我分配第二个id时，只有第一个有效。
const active = document.getElementById("active");
active.style.backgroundColor = "white";
浏览 10提问于2022-10-31得票数 0
回答已采纳
动态更改注入的CSS类...Good？...Bad?
我找到了修改CSS类的“需要”，并将其注入到头vis javascript中。因为我动态地构建类并将其注入标头中，所以我发现很容易修改类的文本并将其放入CSS类定义中，从而更改它。
注射，我的意思是：var style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = ".classname { ...css text... }"; document.getElem
浏览 4提问于2014-07-21得票数 1
回答已采纳
我有一个react应用程序，其中我创建了两个样式表，一个是日光颜色，另一个是黑夜颜色。当我尝试导入这两个文件时，会自动应用后一个文件。我只想导入它们，而不是默认应用。基于某些条件，我将应用其中的一个。 代码如下： import Daylight from './daylight.css';
import Nightlight from './nightlight.css'; 我也试过了，那也没什么用 const Daylight = require('./daylight.css');
const Nightlight = require(&#
浏览 21提问于2019-03-16得票数 0
回答已采纳
我在我的项目中使用具有嵌套TextField的字段。目前，我已经将标准样式应用于它(当不存在值并且只显示在字段中的标签时)，以及悬停时的不同样式。但是，如果TextField中有值，我希望将相同的悬停样式应用于整个自动完成框(不仅仅是TextField元素)，但我无法弄清楚如何做到这一点。下面是我的自动完成代码和当前CSS样式。有人能帮忙吗?让我知道我该怎么做？
自动代码
const renderComponentList = (componentList, isDisabled, name, label) => (
componentList &&
&l
浏览 2提问于2020-04-17得票数 1
回答已采纳
2回答
我有个问题。
首先，我要告诉你们，我对编程有点陌生，我试过了一个教程。
现在我的问题是:如何将多个Sql表发送到c#.，目前，我的C#代码只从一个表中读取。但我需要更多桌子的信息。
目前，我只从表中获得信息："Domeinnaam“，现在我还需要从表中获取信息:X& Y。
我该怎么做？
我的代码：
控制器
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using DNDB.Models;
using System
浏览 3提问于2016-12-19得票数 0
<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<MvcApplication1.Models.RegisterModel>" %>
<asp:Content ID="registerTitle" ContentPlaceHolderID="TitleContent" runat="server">
Re
浏览 3提问于2014-08-08得票数 0
2回答
我使用以下代码将电子邮件确认步骤添加到Woocommerce结帐流程。 /**
* Add "Confirm Email Address" Field At WooCommerce Checkout
*/
add_filter( 'woocommerce_checkout_fields' , 'silva_add_email_verification_field_checkout' );
function silva_add_email_verification_field_checkout( $fields ) {
$fi
浏览 38提问于2021-05-05得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
