【问题标题】:Styling checkbox as square将复选框样式设置为正方形
【发布时间】:2017-03-06 16:59:27
【问题描述】:

我正在尝试自定义我的复选框。 在 jsfiddle 中,您可以看到自定义复选框 circle 。我只想把它做成一个正方形,我需要帮助才能做到这一点。 有人能帮我吗。小提琴链接是http://jsfiddle.net/1aeur58f/125/

border-radius : 100% 

做成圆形,怎么做成正方形??

【问题讨论】:

  • .checkboxFour label 中删除border-radius 属性。
  • 它对我不起作用..但是将其设置为 0 起作用..
  • 我怎么没尝试过.. 玩了除 0 以外的所有数字 :(
  • 我确实赞成.. :)

标签: javascript css checkbox


【解决方案1】:

.checkboxFour label 中删除border-radius: 100px; 属性将其设置为0。

Jsfiddle

【讨论】:

  • 我需要你的帮助.. 我无法对齐复选框旁边的标签。我尝试使用垂直对齐添加单独的标签:中间但没有任何效果:(
  • @ani 提出一个新问题,发布您的整个代码并给我链接! (:
【解决方案2】:

只需删除边界半径指令或设置

 border-radius : 0;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-10-04
    • 2019-01-30
    • 2013-06-09
    • 1970-01-01
    相关资源
    最近更新 更多