如何改变CheckBoxMultipleChoice呈现的html的样式？默认情况下，CheckBoxMultipleChoice会呈现此html输出，但我希望更改此呈现输出的css样式。
<div class="ca-info__cat-roles js-roles-1 expanded" wicket:id="categories" id="categoriesb">
<input name="categories" type="checkbox" value="819"
浏览 1提问于2017-08-18得票数 2
我有一个使用ion-checkbox构建的checkbox组件： selector: 'app-checkbox',
template: `
<div class="app-checkbox">
<ion-item class="-DARKMODE"
lines="none">
<ion-checkbox [checked]="checked"
浏览 28提问于2019-06-27得票数 0
我正在使用自定义复选框，该复选框在QtQuick 2.15和QT6.2.1一起发布的QT文档中用作示例：
CheckBox {
id: control
text: qsTr("CheckBox")
checked: true
indicator: Rectangle {
implicitWidth: 26
implicitHeight: 26
x: control.leftPadding
y: parent.height / 2 - height / 2
radius: 3
border.color: control.down
浏览 7提问于2022-06-17得票数 0
回答已采纳
1回答
我对智能手机上使用的复选框使用了这种css样式，所以它们看起来会比通常的都大。
input[type="checkbox"]
{
display:none;
}
input[type="checkbox"] + label span
{
display:inline-block;
width:26px;
height:26px;
margin:0px 0px 0 5px;
vertical-align:middle;
background:url(images/check
浏览 0提问于2014-11-18得票数 1
如何更改FormControlLabel中标签的字体大小？我将它与React for Front End JS一起使用
<FormGroup row>
<FormControlLabel
control={
<Checkbox onClick={() => onClick('rdOption4')} />
}
label="All Date"
/>
</FormGroup>
浏览 3提问于2018-10-25得票数 11
3回答
我讨厌IE7，它让我恶心。求求你，我需要帮助，也许我做错了什么或者...
这是我的css：
input[type='checkbox']
{
opacity: 0;
float: left;
width: 18px;
}
input[type='checkbox'] + label {
margin: 0;
clear: none;
padding: 5px 0 4px 24px;
/* Make look clickable because they are */
cursor: pointer
浏览 0提问于2013-03-21得票数 1
回答已采纳
2回答
我正在尝试创建一个简单的复选框，这是一个图像而不是经典的图像。我设法创建了控件，并为它分配了不同的行为，但在选中/取消选中时，我无法使其工作。代码如下：
<UserControl.Resources>
<ControlTemplate x:Key="CheckboxImageTemplate" TargetType="CheckBox">
<Image Name="imgTreble" MinWidth="100" Source="Images/treb
浏览 0提问于2011-07-13得票数 0
回答已采纳
我正在尝试开发一个自定义组件，它使用Bootstrap 4弹出器。基本上，我希望创建一个带有自定义CSS的浮动按钮，该按钮不受页面CSS的影响，并确保当您单击该按钮时，会显示“引导带”弹出(也是自定义的)。我读过，直到一定程度上它对我很有用.我该怎么做？
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="widt
浏览 0提问于2020-03-20得票数 0
我使用的是付费模板，我试图将它应用到项目(它正在工作，但对眼睛不好)
这是密码
<input type="checkbox" name="checkbox_demo_mars" id="checkbox_demo_4" data-md-icheck checked />
<label for="checkbox_demo_4" class="inline-label">Outside vue</label>
<div id="vm_settings">
浏览 3提问于2017-09-30得票数 0
回答已采纳
如何添加不同的样式(例如：边框颜色)添加到下图中的两个复选框中，使用星云前端框架的。
下面是html代码<nb-checkbox>without shortcomings</nb-checkbox> <nb-checkbox>Defects without without defects</nb-checkbox>
我正在使用.scss
浏览 0提问于2018-03-08得票数 0
1回答
当我们尝试在角2 cli中导入第三方库时，我们使用这个，
var Angular2App = require('angular-cli/lib/broccoli/angular2-app');
module.exports = function(defaults) {
return new Angular2App(defaults, {
vendorNpmFiles: [
'@angular2-material/**/*.js'
]
});
};
在system-config.ts中，我们这样写，
/** Map relat
浏览 3提问于2016-06-23得票数 1
回答已采纳
1回答
我使用以下命令创建了自定义复选框/单选按钮： <label class="container">One
<input type="checkbox" checked="checked">
<span class="checkmark"></span>
</label>
<label class="container">Two
<input type="checkbox">
<span cla
浏览 33提问于2019-10-05得票数 0
回答已采纳
我使用的是react-bootstrap。我正在尝试设置一个自定义复选框的样式，因为它似乎使它成为可能。尽管如此，它还是无法工作。我是按照documentation告诉我的做的。 这是我的代码。 import * as React from "react";
import { t as typy } from 'typy';
import _ from 'lodash';
import { Form, FormCheck } from "react-bootstrap";
import { ErrorMessage } from
浏览 14提问于2020-04-11得票数 1
2回答
如何更改复选框上的div边框颜色
、、、、
我有一个像滑块一样工作的自定义复选框。你点击这个按钮，它就会滑过并改变颜色为绿色。
点击
现在，我想弄清楚，我怎样才能用同样的css来改变周围按钮的边框颜色。
下面是我为复选框/滑块定制的css
.checkbox{
position:relative;
cursor:pointer;
appearance:none;
width:37px;
浏览 1提问于2021-10-14得票数 0
回答已采纳
有人知道如何将Light主题应用于单个控件吗？在使用标准的Holo-Dark主题时，我想这样做：
<CheckBox style="@android:style/Widget.Holo.CompoundButton.CheckBox"></CheckBox>
但由于某些原因，这并不起作用。
浏览 2提问于2011-05-24得票数 1
我有一个表单域： Forms.py colors = forms.MultipleChoiceField(
required=True,
widget=forms.CheckboxSelectMultiple,
choices= [(1,'blue'),(2,'red'),(3,'green')]
) 我可以像这样轻松地呈现这个字段： Template.html {{ form.colors }} 并获得类似于以下内容的内容： ? 所以html代码看起来像这样： <ul id
浏览 30提问于2021-03-30得票数 0
2回答
我想改变我的“控制组”中每一个按钮的背景色。如果没有按下按钮，我知道如何更改背景色：(这是css的第一部分！)
.ui-page-theme-a .ui-btn.ui-btn{
background-color: #123456;
}
但是，如果按钮处于活动状态，下面的代码将无法更改颜色：
.ui-page-theme-a .ui-btn.ui-btn-active{
background-color: #123456;
}
下面是我完整的html代码：
<html>
<head>
<meta name=viewport content=
浏览 1提问于2014-03-20得票数 0
回答已采纳
1回答
引导材料设计复选框，单选按钮和切换按钮没有根据以下代码中的材料设计进行样式设置，请帮助我。
<link href="css/bootstrap-material-design.min.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<link href="css/jquery-ui.min.css"
浏览 0提问于2016-01-07得票数 2
我需要使用Zend form和form装饰器制作以下html ...
<ul>
<li id="containeruser1">
<label for="user1"><input type="checkbox" class="textbox" value="1" id="user1" name="users[]">User One</label>
</
浏览 2提问于2010-10-02得票数 1
1回答
我想在jquery mobile中为我的复选框添加一个边框。我尝试过使用css的边框属性和轮廓属性来设置样式。
<input type="checkbox" name="checkbox-0" style="outline: 3px solid #1e5180;"/>
<input type="checkbox" name="checkbox-1" style="border: 3px solid #1e5180;"/>
但对我不起作用。有没有人能提供一个解决方案？
浏览 1提问于2013-02-13得票数 0
我正在尝试在react-boilerplate中配置antd主题。我在react-boilerplate存储库中看到了问题。这正是我想要的，但我在接受的答案中尝试了给定的配置，它对我不起作用。
在vanilla react-boilerplate repo中，我安装了antd。在HomePage (index.js)中，我添加了一个按钮、复选框
<Button type="primary">Primary</Button>
<Checkbox onChange={onChange}>Checkbox</Checkbox>
我的we
浏览 7提问于2019-04-05得票数 0
1回答
你觉得我唯一的选择对吗？
、、、
display:none或visibility:hidden不是隐藏可聚焦元素的好主意，因为屏幕阅读器看不到它们。
这是一种“传统”的方法，可以将元素隐藏在视图之外，但要保持可访问性：
.sr-only {
border: 0;
clip: rect(0,0,0,0);
clip-path: inset(50%);
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
}
我开始用我自己的这
浏览 3提问于2022-01-21得票数 1
1回答
这是我的css .round {
position: relative;
}
.round input {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 50%;
cursor: pointer;
height: 28px;
left: 0;
position: absolute;
top: 0;
width: 28px;
} 我在css中更改了边框半径，但不知道如何在js中实现它。有人能帮帮我吗？)我是javascript的新手，所以请不要评判我，但我尝试过 var c
浏览 17提问于2020-09-02得票数 0
2回答
自定义后的材料复选框样式
、、、、
我的自定义复选框(MyCheckbox)是从androidx.appcompat.widget.AppCompatCheckBox扩展而来的，但是默认样式并不适用于它。
<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
...
<item name="android:checkboxStyle">@style/CheckboxTheme</item>
<item name="
浏览 7提问于2019-12-29得票数 3
您能告诉我在使用semantic UI的react js中，当输入字段被聚焦时，如何改变标签的颜色吗？
这里是我的代码
<Form>
<Form.Field>
<label>First Name</label>
<input placeholder="First Name" />
</Form.Field>
<Form.Field>
<Checkbox label="I agree to the Terms and Con
浏览 0提问于2019-08-11得票数 1
1回答
如何更改MUI中复选框的颜色？
、、、、
我试图更改材质UI复选框的颜色，并使用FormIk提交数据。我想将复选框的默认颜色更改为红色，但我不知道如何更改它。
<FormGroup>
<Box display="flex" flexWrap="wrap">
{daysOptions.map((day, i) => (
<Box key={i}>
<Field type="
浏览 3提问于2021-12-24得票数 1
1回答
集中的、检查过的类似乎不能正常工作。我需要始终使用！重要或使用jss风格提供的材料-用户界面。例如：
CssModulesButton.module.css
.checkboxtest {
color: blue;
}
.checkboxtestworking {
color: blue !important;
}
CssModulesButton.js
import React from "react";
// webpack, parcel or else will inject the CSS into the page
import styles from
浏览 1提问于2020-05-15得票数 1
回答已采纳
我有一个JQuery手机/Phonegap应用程序。在动态插入html表单元素之后，我在包含元素上调用.trigger('create')，如下所示：
$('div#response-form').append(formHtmlString).trigger('create');
除了单选按钮和复选框之外，所有元素的样式都是正确的，这些按钮和复选框只有部分样式，也没有正确对齐。见附图如下：
我到底做错了什么？
谢谢!
编辑
这是包含在formHTMLString变量中的HTML代码：
<form data-response_id=
浏览 3提问于2013-05-02得票数 1
回答已采纳
我想知道(通过jQuery或其他方法)是否可以通过name属性而不是id属性将<label for>属性绑定到输入中？
常规方式：
<input type="checkbox" id="element_id" name="element_name">
<label for="element_id">Checkbox</label>
我需要做的是：
<input type="checkbox" id="element_id" name="e
浏览 2提问于2017-03-22得票数 0
回答已采纳
我在bind a Knockout array with Material Design Lite复选框中遇到问题。基本上，它不会显示选中的复选框。
如何解决这个问题呢？
var ViewModel = function() {
this.uniqueTabsNames = ko.observableArray(['one', 'two', 'three']);
}
ko.applyBindings(new ViewModel());
<link href="https://fonts.googleapis.com/css
浏览 0提问于2017-05-27得票数 2
1回答
我有一个上下文菜单和复选框，但复选框显示不正确。
<toolkit:ContextMenuService.ContextMenu>
<toolkit:ContextMenu >
<toolkit:MenuItem Click="iLikeIt" Tag="{Binding ElementName=chbox}" Header="{Binding isLikeMe, Converter={Sta
浏览 0提问于2011-08-26得票数 1
回答已采纳
2回答
我们有以下HTML结构。wrapper元素有一个max-width，因为我们不希望它比它长，所以我们必须有一个应用该属性的解决方案。
我们希望能够隐藏默认复选框，这样我们就可以对类似于的复选框进行样式设置，但是有我们自己的样式，我们希望使用的是不同的HTML。
问题
我们如何为未选中和选中的复选框设置样式，使其对齐并使用background-color: green显示选中的复选框？
电流输出：
期望输出：
这是我们拥有但却没有运气的东西。复选框甚至没有显示。
ul {
list-style: none;
display: block;
}
ul li {
d
浏览 0提问于2019-06-12得票数 0
回答已采纳
1回答
我在一个类中初始化了我的FancyTree。下面是类导入的内容：Tree.js
import fancytree from 'jquery.fancytree';
import 'jquery.fancytree/dist/modules/jquery.fancytree.edit';
import 'jquery.fancytree/dist/modules/jquery.fancytree.filter';
import 'jquery.fancytree/dist/modules/jquery.fancytree.dnd5'
浏览 11提问于2019-10-18得票数 0
1回答
在Google中，我将复选框的外观从“常规”更改为“切换”。我现在想改变旋钮的外观时，它是从蓝色到绿色。我怎么能这么做？以下CSS样式不起作用：
.app-Checkbox-Input:checked, {
background-color: green;
}
如果可能的话，我也想把标签放在复选框的左边。
浏览 0提问于2018-04-02得票数 0
回答已采纳
2回答
jQuery和表单选择器
、、、
我试着学习jQuery。我看了一段Lynda培训视频，视频中有以下代码
$("document").ready(function() {
$("form :checked").css("border", "3px solid red");
});
上面的代码在ie和opera上运行正常，但在火狐和webkit (chrome，safari)上不起作用。
jquery的版本是1.3.2 .What，上面有问题吗？如何实现与表单选择器的跨浏览器兼容性？
编辑: html代码如下
<h1>
浏览 0提问于2010-11-02得票数 1
回答已采纳
当调用console.dir(myVariable)时，我得到了一个奇怪的结果：
JS: === dump(): dumping function and properties names ===
JS: 0: [
浏览 1提问于2016-10-26得票数 0
回答已采纳
我只是检查角质材料2，没有一个部件在我的application.the版的角质材料2是2.0.0-beta.1中正确工作。
我只是遵循了角材料2 github存储库提供的。
这是我的html模板
<md-card>
<button md-button>FLAT</button>
<button md-raised-button md-tooltip="This is a tooltip!">RAISED</button>
<button md-raised-button color="prim
浏览 4提问于2016-12-24得票数 2
回答已采纳
1回答
我使用的是来自的平面UI
我复制了checkbox的所有文件和示例页面中的代码。
然而，我注意到复选框不会显示为样式复选框，但在我单击init按钮手动应用js之后，它会显示为样式复选框。
代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Daily Tracker Settings</title>
<meta name="viewport" content="widt
浏览 7提问于2017-08-15得票数 1
回答已采纳
因此，我试图通过Ui按钮的自定义CheckBox类实现Storyboard检查表，但是当我将按钮添加到视图控制器时，结果如下所示。这是我的代码和模拟器。为什么是这样出来的？
按钮的外观
码
导入UIKit
类CheckBox: UIButton {
//images
let checkedImage = UIImage(named: "checked_checkbox")
let unCheckedImage = UIImage(named: "unchecked_checkbox")
//bool propety
@IBInspectable v
浏览 8提问于2022-10-06得票数 -1
1回答
为什么我的复选框样式不起作用？
、、、、
我做了一些自定义的复选框和单选按钮。我使用CSS对它们进行了如下样式设置：
input[type="checkbox"]:checked + label:after,
input[type="checkbox"][checked="checked"] + label:after,
input[type="radio"][checked="checked"] + label:after,
input[type="radio"]:checked + label:after {
position:
浏览 0提问于2015-10-16得票数 2
3回答
所以我的问题是，在我的标签下，我有一个我想删除的下划线。我在我的ion-label中添加了no-line，但它似乎不起作用。
有没有办法删除它？
<ion-item class="checkbox" >
<ion-label></ion-label>
<ion-checkbox class="checkbox-square" (ionChange)="changeEvent($event)"></ion-checkbox>
</ion-item>
这是css
.che
浏览 0提问于2018-07-25得票数 2
我想做两个精子检查框组。让我们说
Front end courses
-Bootstrap
-React Js
-Angular js
Back end courses
-C#
-Node
-PHP
在提交表格时，我希望确保用户至少选择了一门课程。假设学生选择ReactJ。
我尝试了下面的代码，但它使所有复选框组都必须有一个选项。
[Checkbox* checkbox-11 ",Bootstrap" "React Js" "Angular JS"]
[Checkbox* checkbox-12 ",C#" "Node
浏览 9提问于2022-02-27得票数 -1
我一直试图用我在Ext v7.0.0.40上创建的表格更改按钮的颜色
Login.js的位置是app\modern\src\view\main\Login.js
extend: "Ext.form.Panel",
xtype: "form-login",
title: "Login Form",
bodyPadding: 20,
width: 320,
autoSize: true,
items: [
{
xtype: "textfield",
allowBlank:
浏览 3提问于2019-12-20得票数 0
回答已采纳
1回答
未正确添加列表视图的复选框
、、、、
我想创建一个带有图像和复选框的动态列表，它工作得很好，但是，当我在函数onload中动态生成它时，它不能正确生成
我的代码在下面
在本例中，HTML5中有2个li，但是在JavaScript中生成的第三个li没有正确生成
HTML代码：
<body>
<!-- page -->
<div id="tryhtml" data-role="page" data-palette="">
<!-- header -->
<div data-role=&#
浏览 4提问于2013-07-13得票数 2
回答已采纳
当将ElementStyle添加到DatagridCheckBoxColumn并添加(例如VerticalAlignment )时，CheckBox将失去其绑定。
此代码确实有效：
<DataGridCheckBoxColumn Header="Active" Binding="{Binding Path=Active}"/>
这就破坏了约束：
<DataGridCheckBoxColumn Header="Active" Binding="{Binding Path=Active}">
<D
浏览 3提问于2021-04-13得票数 0
我有一个简单的React项目。
App.js
import React from 'react';
import Radium, { StyleRoot } from 'radium';
import Checkbox from './Checkbox';
function App() {
// style
const style = {
':hover': {
color: 'red',
backgroundColor: 'blue'
},
浏览 7提问于2020-07-07得票数 0
引导程序包括此中复选框周围的一个矩形。我是否不正确地使用了标记，还是有工作要做？
<form class="form-horizontal" role="form">
<div class="form-group form-group-lg">
<label for="cbLabel" class="col-sm-3 control-label">Label:</label>
<div class="col-sm-
浏览 0提问于2015-02-10得票数 0
回答已采纳
1回答
带画布的引导复选框
、、、、
我正在使用库向我的站点添加漂亮的复选框/单选按钮，它在上面看起来很好。但是当我尝试用html2canvas库来截取一个div块的屏幕截图时，我在生成的上得到了一些奇怪的东西。
HTML代码：
<div class="checkbox checkbox-warning checkbox-circle">
<input type="checkbox" id="checkbox5" class="test-checkbox" checked="checked">
<label
浏览 1提问于2016-02-23得票数 2
1回答
在手风琴中生成自定义复选框
、、、、
我有一个基本的jQuery手风琴和一个定制的建设复选框，手风琴工作良好，下降和收回舔。
问题在于我自己的复选框--我可以通过点击检查来检查或不选中它，但是在我的手风琴中，它似乎是不可点击的。有人知道为什么吗？
在这里工作小提琴
包括手风琴外的工作复选框
$(function() {
var icons = {
"header": "ui-icon-plusthick",
"activeHeader": "ui-icon-minusthick"
};
$("#accordion"
浏览 3提问于2017-01-24得票数 1
回答已采纳
我试图在我的应用程序中使用一个自定义元素，但是在升级到当前版本的lit元素之后，我似乎找不到_didRender的替换函数。我试过，firstUpdated，和，但都没有成功。我该怎么办呢。代码呈现，但是在呈现和处理ajax调用之后，我希望呈现被更新，但它没有
import {LitElement, html} from 'lit-element';
import '@material/mwc-formfield/mwc-formfield.js';
import '@material/mwc-checkbox/mwc-checkbox.js'
浏览 3提问于2019-10-11得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
