使用CSS更改复选框大小

克拉普修斯

没有类和ID的情况下如何更改复选框大小(全局)?是否可以通过与以下方式不同的方式执行此操作:

input[type=checkbox] {
    zoom: 1.5;
}
查尔斯哈

input您可以根据需要设置字段的样式。因此,除了变焦之外,您还可以

input[type="checkbox"]{
  width: 30px; /*Desired width*/
  height: 30px; /*Desired height*/
}

编辑:

您将必须添加以下额外规则:

input[type="checkbox"]{
  width: 30px; /*Desired width*/
  height: 30px; /*Desired height*/
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

检查这个小提琴http://jsfiddle.net/p36tqqyq/1/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

不使用XML更改android复选框的大小

来自分类Dev

更改boostrap中复选框的大小

来自分类Dev

更改boostrap中复选框的大小

来自分类Dev

使用CSS更改复选框元素的内容

来自分类Dev

使用 setState 更改复选框的状态

来自分类Dev

使用CSS的KnockoutJS复选框绑定

来自分类Dev

使用 CSS 居中复选框

来自分类Dev

CheckboxTreeview()-缩放复选框大小,更改颜色

来自分类Dev

使自定义复选框不更改其大小。

来自分类Dev

更改角材质复选框的大小(mat-checkbox)

来自分类Dev

更改复选框上的芯片颜色更改实现 css

来自分类Dev

获取复选框的大小

来自分类Dev

如何增加复选框内容CSS的大小?

来自分类Dev

如何使用CSS更改输入复选框的背景色?

来自分类Dev

我们如何使用CSS3更改复选框和单选的背景颜色?

来自分类Dev

使用复选框更改背景颜色,可以选择数量有限的复选框

来自分类Dev

使用父类复选框时,如何让子类复选框更改状态?

来自分类Dev

侦听复选框更改

来自分类Dev

复选框的位置更改

来自分类Dev

检测复选框更改

来自分类Dev

更改复选框状态

来自分类Dev

复选框更改状态

来自分类Dev

如果选中,则更改复选框的标签CSS类

来自分类Dev

更改复选框和选择框的CSS

来自分类Dev

更改多个复选框的 CSS 样式不起作用

来自分类Dev

使用HTML和CSS打印选中的复选框/复选框

来自分类Dev

使用HTML和CSS打印选中的复选框/复选框

来自分类Dev

复选框:通过Ajax更改复选框的状态

来自分类Dev

选中复选框时更改复选框颜色?