草庐IT

ion-checkbox

全部标签

html - 在实时网站上使用 "Checkbox"hack

所以最近有很多关于CSS的“CheckboxHack”的例子。Css-Tricks对hack的作用有很好的解释:The"CheckboxHack"iswhereyouuseaconnectedlabelandcheckboxinputandusuallysomeotherelementyouaretryingtocontrolSource&moreinformationofthehack.最近让我喜欢这个hack的是CoDrops实验,它带有单选按钮到createfilterfunctionalitywithjustCSS.太棒了。黑客可以做一些非常了不起的事情,而这些事情需要Java

html - Bootstrap 4 : customize checkbox border

我正在尝试自定义复选框的颜色。我按照文档进行操作,想出了一种更改背景的方法:.custom-control-input:checked~.custom-control-indicator{background-color:#ffa500;}如果您单击该复选框,还会有一个蓝色边框(我认为)框本身周围有一个填充,但即使进行了一些研究,我也无法找到如何更改该边框的颜色。任何人都可以帮助我吗?我做了一个fiddle展示我所拥有的。有人知道如何更改该边框吗?提前致谢! 最佳答案 Bootstrap4使用box-shadow来获得这种效果:.c

html - ionic 4 : how to hide ScrollBar in ion-content

我正在尝试隐藏ion-content中的滚动条(Ionic4)ionic4上没有ion-scroll,所以我使用了ion-content但我找不到任何css属性来隐藏它(大多数都不起作用)我确实想滚动,但我不想看到滚动条::-webkit-scrollbar,*::-webkit-scrollbar{display:none;}我试过了,但它在ion-content中不起作用。 最佳答案 因为Ionic使用shadowDOM作为ion-content,应该禁用shadowDOM元素的滚动,然后让ion-content自己滚动,然后隐

jquery - Html checkBox onchange 不工作

第一次选中或取消选中后没有任何反应。第二次单击后,调用我的函数problemPicker.onChangeProblemCheckBox,但我首先检查ID。为什么?任何人都可以帮助我吗?onChangeProblemCheckBox:function(id){if($('#CheckBox'+id).attr("checked")==true){problemPicker.addToCheckProblems(id);varcheckboxes=$('.jProblemClass:checked');if((checkboxes.length>general.limit)&&(gene

php - yii2 : make checkbox to be checked

我正在使用Yii2框架,我想生成这样的html代码在使用ActiveForm的View中。我试过了echo$form->field($model,'order')->checkBox(['label'=>...,'uncheck'=>null,'checked'=>true]);还有echo$form->field($model,'order')->checkBox(['label'=>...,'uncheck'=>null,'checked'=>'checked']);但是生成的html代码中没有出现所需的字符串“checked”。奇怪的是,如果我用“selected”替换“chec

HTML/CSS : how can I make the checkboxes grow when zooming in and shrink when zooming out?

我有这个简单的测试代码:ul{float:left;margin:0;list-style:none;padding:0;}abcdefghi结果如下:但是如果我缩小文本变小但复选框保持不变如果我放大,文本会变大,但复选框保持不变是否可以让复选框也改变它们的大小?例如与标签的大小成比例?提前致谢 最佳答案 jsFiddleDEMO使用CSS3缩放列表以及浏览器呈现的复选框!.extraLargeul{-moz-transform:scale(1.50);-webkit-transform:scale(1.50);-o-transfo

javascript - 使用 ui-router 和 ion-tabs 时模板不更新

代码http://codepen.io/hawkphil/pen/LEBNVB我在侧面菜单中有两个页面(link1和link2)。每个页面有2个标签:link1:tab1.1和tab1.2link2:tab2.1和tab2.2我正在为每个页面使用ion-tabs以包含2个选项卡。这是一个非常简单的设计:我想点击link1或link2去合适的路线。但由于某种原因,状态已正确更改(请参阅控制台)但实际的html模板未更新。您能找出问题所在以及如何解决吗?似乎存在一些缓存问题或其他问题。HTMLTabsExampleLeftLink1Link2RightMenuVenkmanBackoff,

html - CSS/HTML : How do I change the color of the check mark within the checkbox input?

这个问题在这里已经有了答案:HowtostyleacheckboxusingCSS(42个答案)关闭去年。如何更改HTML复选框输入中复选标记的颜色?

html5 : Significance of attribute named required in checkbox/radio

在提交表单时,您怎么可能根据需要标记复选框/单选按钮?灵感来源:Pekka的answer到question 最佳答案 必需的复选框并不罕见。实际上,每个注册表都使用某种形式的“我已阅读并接受用户协议(protocol)”复选框。如果您手边有Opera,请尝试下面的代码。除非选中复选框,否则不会提交表单。html5html5testrequiredcheckbox 关于html5:Significanceofattributenamedrequiredincheckbox/radio,我们

javascript - 如何动态检查 "checkbox"- jQuery Mobile

在HTML中,复选框是这样创建的:Category1使用javascript我们可以像这样检查复选框:$("#category1")[0].checked=true现在我正在尝试使用jquery-mobile创建相同的页面。复选框看起来像这样:Checkme为什么这里没有id?名称是id吗?我是否应该删除属性名称并创建一个名称为id的属性?如何使用Javascript/jQuery在此处选中此复选框?我试过上面的代码,但它似乎对这个复选框不起作用。 最佳答案 您需要在更改其“.prop后刷新它,使用.checkboxradio('r