2回答
我正在尝试制作一个可以在三种颜色之间切换的按钮:黑色、绿色和红色，并根据颜色选择特定的复选框。现在我可以切换颜色，但不能选中复选框。如果能帮上忙我会很感激。我是一个初学者(很明显)。
按钮颜色为绿色:复选框1
按钮颜色为红色:复选框2
按钮颜色为黑色:不要选中框1或框2
该脚本如下所示：
<script>
var colors = ["green", "red", "black"]
function setColor(el) {
el.colorIdx = el.colorIdx || 0;
el.style.color =
浏览 12提问于2013-03-30得票数 0
回答已采纳
2回答
如何根据状态将颜色设置为复选框？伙计们有什么想法吗？
我的复选框的默认颜色是color=“主”，如果复选框是不确定的，它应该禁用颜色主，并将显示不确定的默认颜色。
谢谢。
如果复选框值为true，则颜色应该是主颜色--以下是示例。
如果复选框为值为false，则应如下所示
我目前的问题是，当它不确定时，当前的颜色结果是
#html
<mat-checkbox
[indeterminate]="!data.isCriticalPath" (change)="checkState(d
浏览 14提问于2022-09-04得票数 0
回答已采纳
我有一个HTML表，每个单元格都包含一个复选框和一个颜色名称。
我需要勾选任何给定颜色的复选框。复选框本身没有指示所选颜色的良好标识符。
我试过：
WebElement color = driver.findElement(By.xpath("//*[text()='Violet']"));
color.click();
显然，当它选择并发送一个点击到文本本身时，这是不起作用的。
如何选择相同元素中的复选框？
下面是HTML：
<td width="25%" valign="top" align="center
浏览 3提问于2022-05-02得票数 2
回答已采纳
1回答
<?
$val="";
if(isset($_POST['save']))
{
if(isset($_POST['color']))
{
$color=$_POST['color'];
foreach($color as $val)
{
echo $val."<br>";
}
}
}
?>
<html xmlns="http://www.w3.org/1999
浏览 1提问于2013-05-08得票数 0
回答已采纳
由于侧栏是打开的，它会显示颜色(颜色名称和它的HEX #，它们位于工作表中)，并在每种颜色旁边显示一个复选框。
用户勾选复选框或选择他/她想要的颜色，点击保存，列表保存到array...maybe PropertiesService.getDocumentProperties()中。
下面是我为侧栏获得的代码，并从范围内获取颜色：
var ss = SpreadsheetApp.getActiveSpreadsheet();
function showSideBar() {
var ui = SpreadsheetApp.getUi();
var tmp = HtmlService
浏览 2提问于2022-01-19得票数 0
回答已采纳
2回答
我想改变一个未选中的复选框的标签颜色。到目前为止，我有只允许选中一个复选框的jQuery代码。是否有办法使未选中的复选框标签文本在选择/选中其他选项时更改为不同的颜色？这是我的HTML：
<label><input class="oneBox" type="checkbox" >Wednesday June 6th</label>
<label><input class="oneBox" type="checkbox"
浏览 0提问于2018-05-17得票数 1
回答已采纳
3回答
检查更改上的动态复选框
、、、、
我有一个充满复选框的动态表，这些复选框可能被选中，也可能不被选中。我已经编写了一个jquery脚本，每当一个复选框被修改时，它就会改变表格单元格的bg颜色；但是，它非常错误，而且并不总是立即改变BG颜色。
有什么建议吗？
变量检查；$(‘id^=approvalcd’).change(函数(){if($(This).is(“：check”) != check) {check=$(This).prop(“check”)；}{ $('.approvalROW'+$(this).prop('id').split('approvalcd')1).css
浏览 4提问于2014-04-25得票数 1
回答已采纳
如何更改HTML复选框中“选中”的颜色？
默认情况下，在WinXP Firefox/Chrome/IE上，复选框为绿色。我想把INPUT type="checkbox"中的支票改成橙色
浏览 22提问于2009-11-04得票数 3
我使用引导来显示颜色选择器和与颜色选择相关的复选框。所要求的是在一行中显示元素:先用选定的颜色表示正方形，然后选中复选框，然后在一条水平线上标记所有高度相同的元素。
<div class="form-group input-group">
@Html.LabelFor(m => m.Color)
<div class="input-group" id="color-picker-container" align="left">
<span class="i
浏览 0提问于2014-11-23得票数 0
1回答
我使用物化CSS并动态生成复选框。我想要不同的复选框有不同的颜色。当我试图内联地设置颜色时，它不会生效：
<input type="checkbox" class="filled-in checkbox-custom" style="background-color: red;" />
有效的方法是在我的.css文件中设置如下样式：
.checkbox-custom[type="checkbox"].filled-in:checked + span:not(.lever):after {
background-co
浏览 11提问于2022-11-05得票数 1
3回答
请看我当前的html片段，如下所示。我正在尝试使html输入字段可更改和可选择。因此，我可以更改输入文本字段中的颜色值，这是通过相应的复选框进行切换的。当单击submit按钮时，仅提交所选颜色的信息。我当前的html可以正确显示内容，但它将提交两种颜色的信息。尽管只选中了一个复选框。
<form id="myForm">
<input type="checkbox" name="color1" value="blue_check" />
Color1: <input ty
浏览 3提问于2012-01-17得票数 1
回答已采纳
2回答
我正在尝试使用内联CSS来设置复选框的可点击区域的颜色。我正在使用下面的代码
<html>
<head>
<body bgcolor="green">
<input type="checkbox" name="ch01" id="ch01" style="background-color: #FFFFC7;">
</body>
</head>
</html>
但是它不起作用，我在网上等等也找过了，也找不到解决方案。有人可以建议一个解
浏览 7提问于2014-04-10得票数 0
我正在努力将我的Chrome扩展移植到Edge上，以获得更广泛的可用性--除了复选框的样式之外，一切似乎都运行得很好。在Chrome中，默认的样式是蓝色，这对扩展的外观很有效，但现在Edge中的复选框是灰色的。我已经尝试了几种不同的方法来设置颜色(在JS样式，HTML，CSS中)，但似乎都不起作用-有人有在Edge中设置复选框颜色的经验吗？
浏览 267提问于2021-08-09得票数 1
回答已采纳
2回答
我的rails应用程序中有复选框。在填写表单时，复选框在被选中时会将颜色更改为蓝色。提交表单后，用户尝试编辑/更新表单后，即使复选框已选中，也不会显示“选中颜色(蓝色)”复选框。这使得用户很难更新或编辑复选框。
我想让用户在edit.html.erb中看到最初创建表单/记录时选中的复选框的选中状态(蓝色)。这是我在new.html.erb中编写的复选框代码示例
<% Perk.all.each do |perk| %>
<input type="checkbox", class="hidden" value="<%= perk
浏览 0提问于2018-04-14得票数 0
1回答
RadTreeView复选框样式
、、、、
我正在尝试为RadTreeView中的复选框设置自定义样式。这很简单，只需为选中的框使用不同的颜色，为未选中的框使用另一种颜色。但是我不确定如何做到这一点。我找不到任何内置的Telerik方法/属性。我试着用css来做到这一点，就像我通常做的那样，隐藏复选框并将div/span设置为类似复选框的样式。但是这里的html是从RadTreeView生成的，我不确定如何在这里应用相同的内容。生成的html如下所示，
<li class="rtLI">
<div class="rtMid">
<span class=
浏览 4提问于2014-11-14得票数 0
1回答
对，所以我有一个表单，这个表单有各种输入框，也有一个复选框，用户可以选择它。然后，用户可以单击表单上的submit，然后将其存储在数据库中，并在另一个页面上生成一个列表元素及其信息。
是否要根据是否选中复选框来更改生成的列表元素的颜色？
我知道有这样的代码：
$(":checkbox").on('click', function(){
$(this).parent().toggleClass("checked");
});
但我不希望复选框的列表元素更改颜色，如果复选框已在表单中选中，我希望表单的列表元素更改颜色。希望这是合理的。有可能这样做吗
浏览 1提问于2014-04-28得票数 0
回答已采纳
我有asp.net mvc项目和许多复选框客户给了我私营部门，其中复选框是白色和黑色的，我认为黑色是选中的，没有勾选上任何简单的是，我想删除提示和颜色复选框颜色黑色与白色边框。
<input name="24" type="checkbox" value="true" />
<input name="24" type="hidden" value="false" />
<label for="Industry__Manufacturing__and_Techno
浏览 0提问于2012-09-24得票数 0
回答已采纳
我在引导4中创建了一个带条形行的表，其中一个表列有html复选框。
检查
如果你在谷歌Chrome上打开它，背景颜色较深的默认复选框看起来比白色背景颜色的复选框要小，而如果你在Microsoft或Opera Mini上打开它，它们看起来大小相同。有什么区别还是只是我的幻觉？这是边缘或Chrome上的一个bug，还是在所有浏览器上都有一致行为的方法？
当所有行都有相同的背景颜色时，没有观察到上述行为。
另外，一种方法可以是使用create一个自定义复选框，如同样的小提琴中所示。
我所拥有的就是
<some code>
<tr class="bg-primary"
浏览 0提问于2019-06-06得票数 0
回答已采纳
1回答
如果选中了复选框，则需要突出显示标签。并更改span在标签中的颜色。标签工作正常，但我不知道，当选中复选框时，如何更改span的颜色。
HTML
<input class="check" type="radio" name="typeSelect" id="a" value="1" /><label class="labelcheck" for="a"> <span >Hello </span> World</label>
浏览 2提问于2017-08-15得票数 0
回答已采纳
大家好，
我正在努力将KendoUI主题颜色应用于单选按钮和复选框控件。
我使用的是开箱即用的KendoUI的平面主题。我屏幕上的所有小部件都是用KendoUI主题显示和装饰的，我通过在原始控件上应用".k-textbox“类获得了一些基本的样式，比如checkbox，radiobutton等。我已经参考了：获取详细信息。
根据HTML标准，您不能为复选框、单选按钮元素提供边框颜色。但不知何故，他们装饰和KendoUI主题颜色是应用到鼠标悬停的边界？奇怪！在某些特定场景中覆盖悬停边框颜色的任何线索。
谢谢你的帮助。
相同的
浏览 3提问于2013-11-22得票数 0
1回答
禁用复选框颜色
、、
我有一个启用/禁用复选框的按钮，但由于该复选框的颜色，我看不到禁用复选框(我的样式背景色必须与禁用复选框的颜色相同)。如何更改禁用复选框的颜色，以及如何确保复选框再次启用时颜色返回到“启用”颜色？
这就是我的意思：
所讨论的复选框很简单：
<CheckBox
android:id="@+id/settings_hide_nsfw_thumbnails"
android:layout_width="wrap_content"
android:layout_height="match_paren
浏览 2提问于2018-10-08得票数 5
回答已采纳
2回答
当选中CSS样式时，我有一个带有复选框和标签的DIV：
#project input:checked + label {background-color:#787878;color:white;}
我想做两个按钮，除了颜色的例外:白色。
复选框ID="B“标签背景颜色变成红色，复选框ID="C”标签背景色变成蓝色。我想不出怎样才能增加这种特性。
提前谢谢。
编辑：(添加HTML代码)
<input type="checkbox" id="B" value="B" style="display:none;" o
浏览 4提问于2015-04-03得票数 0
回答已采纳
1回答
我一直在做我正在做的项目。这个问题的解决将使我感到非常舒服。我正在处理两个html文件。(checkbox.html和color.html) checkbox.html文件中有两个复选框。当选中这两个复选框时，需要更改color.html中div的颜色。(.example必须是红色的。)此操作必须在localStorage中注册。因此，即使刷新页面，color.html中的颜色也不应该改变。当将复选框按回时，必须打开旧颜色。(一定是蓝色的)。我什么都试过。它的javascript代码很难吗？我该补充些什么？
档案：
Color.html
<link rel="styleshe
浏览 1提问于2018-03-12得票数 0
回答已采纳
我注意到在IE10中，复选框的背景颜色是用黑色填充的，然后转换回白色。当我使用ng-repeat进行排序时，IE10似乎不会触发将复选框背景颜色转换回白色/正常颜色的事件。
下面是对复选框执行ng-repeat的HTML，并根据状态和名称对其进行过滤：
<div ng-repeat="item in (items | orderBy:['!status','itemName'])">
<input type="checkbox" ng-click="itemClickEvent($event
浏览 8提问于2015-03-11得票数 0
我有一个有一个复选框的div，我试图在选中复选框时更改div的颜色-仅使用HTML CSS取消选中，而不使用JavaScript。但由于CSS不支持回溯，我不确定如何实现这一点。
CSS：
.content {
height: 50px;
width:50px;
border: 1px solid black;
}
HTML：
<div class="content">
<input type="checkbox">
</div>
浏览 10提问于2019-07-22得票数 2
2回答
我有一些CSS，以改变我的验证文本颜色。当选中复选框时，我希望颜色更改为绿色。我的JQuery似乎不喜欢对标记的引用。有什么建议吗？
Razor HTML
@Html.TextBoxFor(model => model.textBox)
@Html.ValidationMessageFor(model => model.textBox,"Required", new { @class = "disableRequired" })
CSS
span.disableRequired.field-validation-error{
color:yel
浏览 4提问于2014-05-08得票数 0
回答已采纳
1回答
当未选中复选框时，我希望更改css中已设置的颜色。(未选中复选框时，它不会更改颜色)
HTML：
<div class="dark-mode">
<label class="switch" for="checkbox">
<input type="checkbox" id="checkbox" />
<div class="slider round"></div>
</label>
<
浏览 4提问于2020-08-07得票数 1
回答已采纳
我有一个页面打开在一个iframe使用颜色盒。此页有一个复选框。当颜色盒关闭时，我想检查是否单击了该复选框，如果是，则运行一个函数。
这就是我所拥有的：
$(".colorbox").colorbox({
rel:'group1',
iframe: true,
width:100+"%",
height:100+"%",
onClosed:function(){
var chosenMap = $("input:che
浏览 0提问于2012-05-08得票数 0
回答已采纳
2回答
我正在尝试使用复选框和javascript创建一个简单的HTML文件，当单击复选框时，可以更改复选框的颜色。问题是没有调用javascript文件，所以单击按钮是无用的，因为没有读取javascript代码。它看上去很简单，但我看不出我做错了什么：
HTML代码：
<!DOCTYPE html>
<html>
<head>
<script src="and_gate.js" defer></script>
</head>
<body style= "background-color:
浏览 1提问于2020-09-17得票数 0
回答已采纳
2回答
我有一些简单的html/css与字体可怕的字体，以自定义复选框。当复选框处于悬停状态时，我正在努力修改颜色(暂时为红色)。
当我使用一种很棒的字体来定制复选框时，我假设我需要在标签的悬停位置应用css，但它没有达到预期的效果。
input.faChkRnd:hover + label:before {
color: red;
}
这似乎只会在单击复选框时更改，而不会在悬停时更改。
感谢任何人的帮助！
浏览 5提问于2016-12-06得票数 0
2回答
我的应用程序中有几个不同颜色的复选框。现在，当我应用没有样式的材质设计主题复选框时，将它们的颜色更改为"colorControlActivated"，带有样式的复选框的颜色保持不变。
此外，我想改变我的其他复选框的颜色没有绘图文件。
我试着用不同的"colorControlActivated“颜色设置样式
<style name="CheckBox.Custom" parent="@style/Theme.Material.Blue">
<item name="colorControlActivated&
浏览 2提问于2014-11-05得票数 0
我想使用基于选择器的 CSS来更改复选框(或标签或任何其他元素)的颜色。下面是我的HTML，因为我有它，并假设我不能更改它。
<div class="chk">
<label>
CheckMe
<input type="checkbox" id="myCheckBox">
</label>
</div>
我尝试过在我的CSS中使用input[type="checkbox"] + label:before，但是由于label实
浏览 1提问于2019-06-28得票数 0
回答已采纳
我希望无论何时选中它里面的复选框，它都会变成红色。Html.DisplayFor使事情变得更加复杂。SQL server表中的非活动字段是布尔值、零或一。 <td align="center">
@Html.DisplayFor(modelItem => item.Inactive)
</td> 当查看表格时，值是0或1。页面显示了一个所需的复选框，但我试图引用它的值并设置周围表格单元格的背景颜色。
浏览 11提问于2021-10-05得票数 0
回答已采纳
我试图在复选框之前插入一个颜色div，使用.before()的jQuery 1.5.1方法，该方法在FF、Chrome、IE8+上运行良好；但是对于IE7，插入的颜色div与复选框不在一行。我希望有人能给我任何建议。谢谢。所附代码：
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<input type="checkbox" id="check1" />PINK
<script type=
浏览 7提问于2011-11-09得票数 3
4回答
如何为创建“自定义”自己的颜色
例如，引导程序喜欢success (绿色)、warn (黄色)、danger (红色)等颜色，旁边还有primary (蓝色)、accent (粉色)。
换句话说:扩展Angular Material (2+)的颜色变量，以便在html属性中使用它：
<button mat-raised-button color="success">Success</button>
或者创建一个白色复选框，如下所示：
<mat-checkbox color="white">Check me!</mat-c
浏览 3提问于2017-11-23得票数 8
我试图创建一个自定义复选框，因为它很难样式的本地html复选框，所以下面是我尝试过的。当我单击标签时，复选框被选中和取消选中，但当输入复选框被选中和取消选中时，我无法更改标签的边框颜色。任何帮助，想法，建议，建议，我们都非常感谢。
input[type="checkbox"]{display:none;}
label{
border:1px solid red;
width: 15px;
height:15px;
display:block;
}
label + input:checked{
border-color: blue;
}
<div&g
浏览 15提问于2016-09-06得票数 0
回答已采纳
我有一个复选框添加到我的UI在颤振应用程序，我可以看到复选框颜色或活动颜色属性，但找不到任何选项，以改变复选框的边框颜色，这通常是黑色。
什么规定或调整来改变边框的颜色？
浏览 8提问于2019-12-18得票数 29
回答已采纳
我拥有由用户动态添加的li，并且在li中有一个复选框。我要李的文字和复选框的颜色相同，复选框的颜色是随机的。
我试着玩，但我得到的是它把所有的里文字的颜色都改成了一种颜色。
浏览 0提问于2013-09-16得票数 0
回答已采纳
10回答
我正在开发android应用程序，因为我使用复选框，但默认的复选框的勾选颜色是蓝色，所以我想将该颜色更改为黄色。是否有任何内置属性来设置复选框标记的颜色。
浏览 190提问于2013-12-12得票数 38
回答已采纳
1回答
SVG空格和CSS
、、、
下面给出一个例子：
如何删除div边框和复选框之间的空格？
此外，正如在示例中看到的，如果直接在html中使用svg，则可以使用css更改颜色。当使用以下代码时：
<object class="svg" type="image/svg+xml" data="checkbox.svg"></object>
不再可以使用外部css文件更改颜色。
浏览 3提问于2013-12-21得票数 0
2回答
我在MFC windows应用程序中工作。我在复选框控件(CCheckListBox类)中使用复选框。禁用复选框时，其颜色仍为灰色。有没有办法将背景颜色从灰色改为另一种颜色？
浏览 5提问于2016-04-20得票数 1
回答已采纳
当我单击复选框时，更改该复选框的颜色，其余的复选框保留另一种颜色，那么如何更改复选框的颜色？
if (CountryList.get(pos).getSelected()) {
CountryList.get(pos).setSelected(false);
holder.country.setBackgroundResource(R.color.btnbckgrd);
} else {
CountryList.get(pos).setSelected(true);
holder.country.setBackgroundResource(R.color.lig
浏览 5提问于2019-11-12得票数 2
回答已采纳
<script type="text/javascript">
jQuery(document).ready(function($){
$('.date').datepicker($.datepicker.regional['cs']);
$(".votePollState").button({ icons: {primary:'ui-icon-closethick'},text: false });
});
</script>
HTML代码：
浏览 1提问于2010-12-08得票数 5
下面是我的代码：
<!doctype html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<style type="text/css">
label {display:block; width:300px; height:20px;}
label.sel
浏览 0提问于2009-10-19得票数 0
回答已采纳
正如标题所示，我使用的是顺风和表单插件。我已经设置了颜色(绿色)，边框颜色(灰色)和标签轮廓(绿色以及)通过改变文本，边框和环的颜色。(我附上了一张图片，让你知道我在说什么。)但是，我尚未了解如何在未选中复选框时更改(默认情况下)颜色、复选框颜色以及选项卡键突出显示的复选框和外部边框之间(白色)边框的颜色。有人能帮忙吗？
浏览 1提问于2022-05-26得票数 3
回答已采纳
1回答
我尝试使用语义Ui复选框，但它的行为很奇怪。您必须单击复选框外的某个位置，才能使其背景颜色改变而不受状态的影响
[https://jsfiddle.net/6393n6e9/][1]
在相同的浏览器中，它在语义Ui网站上工作正常
[http://semantic-ui.com/modules/checkbox.html#/definition][2]
我遗漏了什么？
浏览 3提问于2015-07-15得票数 1
1回答
我有一个相对复杂的svg，它通过标记将一个单元格嵌入到我的html页面中。如果您悬停在svg的某些路径(例如核)上，我已经设法让它们改变颜色，并添加了一个工具提示，它显示了一个带有一些文本的小窗口。到目前一切尚好。
我还得到了一堆与svg相关的简单html复选框(例如，它们被标记为‘原子核’等等)。单击这些复选框只会将其值设置为1。
现在，我真正想要实现的是能够点击一个svg路径(例如核)，然后
更改路径的颜色--这是我通过一个简单的函数完成的：
函数document.getElementById("nucleus").style"fill“=”黄色“；}
然后是一
浏览 0提问于2016-08-12得票数 1
2回答
使div像复选框一样工作
、、、、
我有一个带有复选框的颜色名称列表。我希望能够选择包含标题的整个div，而不是复选框在那里。选中的div将被理解为不同的背景色。
我的html也是一个包含ruby的erb文件。我希望<%= color.name %>在"ideacolor_ids“id div中。但是，当我尝试将它们放在彼此内部时，我得到了一个rails错误
html/erb文件
<ul class="multi-column-checkbox">
<% for color in Color.master_colors %>
浏览 1提问于2013-10-08得票数 0
4回答
我有一个div里面的复选框列表，很少被选中。如果选中复选框，我要更改div的背景颜色绿色。
而在非复选框中，背景颜色应为灰色。
HTML代码：
<div class="row">
<label>
<div class="col s3" style="padding:10px" id="div39">
<div>
<input type="checkbox" name="chk
浏览 4提问于2016-04-26得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
