精华内容
下载资源
问答
  • css 设置 checkbox复选框控件的对勾√样式 最终的样式,想要的效果: ...我们要创建方框中的对勾,对于这一点,我们可以使用伪类创建一个新的元素,为了实现这个样式,我们可以创建一个5px * 15px的长方形并给...

    css 设置 checkbox复选框控件的对勾√样式

    最终的样式,想要的效果:
    技术分享
     

    我们要创建方框中的对勾,对于这一点,我们可以使用伪类创建一个新的元素,为了实现这个样式,我们可以创建一个5px * 15px的长方形并给他加上边框。这时候我们去掉上面和右边的边框之后,它会看起来像一个字母L。然后我们可以使用CSS的属性让它旋转一下,这样看起来就像是一个对勾。

      1. <!DOCTYPE html>
      2. <html lang="en">
      3. <head>
      4. <meta charset="UTF-8">
      5. <title>选中标签forcheck</title>
      6. <style type="text/css">
      7. .div-checked label {
      8. cursor: pointer;
      9. position: relative;
      10. display: inline-block;
      11. width: 150px;
      12. height: 38px;
      13. border: 1px solid grey;
      14. }
      15. /**
      16. * 按钮透明
      17. * @type {String}
      18. */
      19. input[type="checkbox"] {
      20. opacity: 0;
      21. }
      22. /**
      23. * checkbox选中样式
      24. * @type {String}
      25. */
      26. input[type="checkbox"]:checked + i {
      27. border-color: blue;
      28. color: blue;
      29. }
      30. /**
      31. * i标签的大小
      32. */
      33. i {
      34. position: absolute;
      35. top: 0;
      36. left: 0;
      37. width: 100%;
      38. height: 100%;
      39. border: 1px solid #ccc;
      40. text-align: center;
      41. line-height: 36px;
      42. }
      43. /**
      44. * 对勾√效果,使用border
      45. * @type {[type]}
      46. */
      47. span:after {
      48. opacity: 1;
      49. content: ‘‘;
      50. position: absolute;
      51. width: 5px;
      52. height: 15px;
      53. background: transparent;
      54. top: 10px;
      55. right: 5px;
      56. border: 2px solid #fff;
      57. border-top: none;
      58. border-left: none;
      59. -webkit-transform: rotate(35deg);
      60. -moz-transform: rotate(35deg);
      61. -o-transform: rotate(35deg);
      62. -ms-transform: rotate(35deg);
      63. transform: rotate(35deg);
      64. }
      65. /**
      66. * 选中状态,span(三角形)样式
      67. * @type {String}
      68. */
      69. input[type="checkbox"]:checked + i + span {
      70. width: 0px;
      71. height: 0px;
      72. border-color: blue transparent;
      73. border-width: 0px 0px 30px 30px;
      74. border-style: solid;
      75. position: absolute;
      76. right: -1px;
      77. top: 10px;
      78. opacity: 1;
      79. }
      80. }
      81. }
      82. </style>
      83. </head>
      84. <body>
      85. <div class="div-checked">
      86. <label>
      87. <input type="checkbox" value="cbEticket">
      88. <i>电子票</i><span></span>
      89. </label>
      90. <label>
      91. <input type="checkbox" checked="" value="cbMeetingRemind">
      92. <i>会议提醒</i><span></span>
      93. </label>
      94. </div>
      95. </body>
      96. </html>
     

    css 设置 checkbox复选框控件的对勾√样式

    标签:border   absolute   poi   nbsp   inpu   oct   中标   inline   bsp   

    原文地址:http://www.cnblogs.com/liusc/p/57c27a929622b8de72155d98888f67cc.html

    展开全文
  • word文档添加对勾 √

    万次阅读 2018-07-18 13:11:09
    版本:word2016 在word里,一次点击:插入 -&amp;amp;amp;gt; 符号 -&amp;amp;amp;gt;其他符号 在弹出来的字体里选 Wingdings 2: 点击插入,就插入成功了。

    版本:word2016
    在word里,一次点击:插入 -> 符号 ->其他符号
    这里写图片描述

    在弹出来的字体里选 Wingdings 2:
    这里写图片描述

    点击插入,就插入成功了。
    这里写图片描述

    展开全文
  • 在Word文档中输入数字“2611” 然后按下键盘上的快捷键 ALT + X 此时,这几个数字就会转换成方框内打钩符号

    在Word文档中输入数字“2611”
    然后按下键盘上的快捷键 ALT + X
    此时,这几个数字就会转换成方框内打钩符号

    展开全文
  • .div-checked label {cursor: pointer;position: relative;display: inline-block;width: 150px;height: 38px;border: 1px solid grey;}/*** 按钮透明* @type {String}*/input[type="checkbox"] {opacity: 0;...

    .div-checked label {

    cursor: pointer;

    position: relative;

    display: inline-block;

    width: 150px;

    height: 38px;

    border: 1px solid grey;

    }

    /**

    * 按钮透明

    * @type {String}

    */

    input[type="checkbox"] {

    opacity: 0;

    }

    /**

    * checkbox选中样式

    * @type {String}

    */

    input[type="checkbox"]:checked+i {

    border-color: blue;

    color: blue;

    }

    /**

    * i标签的大小

    */

    i {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 1px solid #ccc;

    text-align: center;

    line-height: 36px;

    }

    /**

    * 对勾√效果,使用border

    * @type {[type]}

    */

    span:after {

    opacity: 1;

    content: '';

    position: absolute;

    width: 5px;

    height: 15px;

    background: transparent;

    top: 10px;

    right: 5px;

    border: 2px solid #fff;

    border-top: none;

    border-left: none;

    -webkit-transform: rotate(35deg);

    -moz-transform: rotate(35deg);

    -o-transform: rotate(35deg);

    -ms-transform: rotate(35deg);

    transform: rotate(35deg);

    }

    /**

    * 选中状态,span(三角形)样式

    * @type {String}

    */

    input[type="checkbox"]:checked+i+span {

    width: 0px;

    height: 0px;

    border-color: blue transparent;

    border-width: 0px 0px 30px 30px;

    border-style: solid;

    position: absolute;

    right: -1px;

    top: 10px;

    opacity: 1;

    }

    展开全文
  • 我们平常在一些金融机构填写表格的时候,都会看到一些表格上带有许多特殊符号,比如,最常见的就是方框中打钩或打叉这种符号。那这种符号是如何输入出来的呢?今天,易老师就来为大家分享几种在方框中打对勾和叉的...
  • 我们平常在一些金融机构填写表格的时候,都会看到一些表格上带有许多特殊符号,比如,最常见的就是方框中打钩或打叉这种符号。那这种符号是如何输入出来的呢?今天,易老师就来为大家分享几种在方框中打对勾和叉的...
  • css实现号 √

    万次阅读 2019-01-08 18:11:33
    .check {  position: relative;  display: inline-block;  width: 25px;  height: 25px;  background: red;  border-radius: 25px; } .check::after {  content: "";  position: absolute;......
  • 通过css实现对勾(√)和叉号(×)

    万次阅读 2019-05-27 19:51:54
    通过css实现对勾(√)和叉号(×) 第一种方式: HTML: <span class="status correct"></span> <span class="status incorrect"></span> CSS: .correct { display: inline-... h...
  • HTML纯DIV+CSS3完成页面对勾动画。利用css3的一个动画效果,操作成功,保存成功,用到这种效果。
  • MySQL最后一步四都没√解决办法

    千次阅读 热门讨论 2018-10-23 13:57:36
    MySQL最后一步四都没√解决办法 &nbsp; &nbsp; 今天给老师安装mysql 5.5 版本时出了问题,老师的电脑系统为Windows7,MySQL安装版本为mysql 5.5。安装到最后一步(MySQL实例配置...
  • css3 和叉的布局(√、×)

    千次阅读 2019-01-03 13:15:55
    一、 &lt;style&gt; a{ display: inline-block; width: 10px;height:5px; background: red;line-height: 0;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg);} a:after{content...
  • 按住Alt键不放,在按电脑右边小盘依次按41420即可 Alt+41420 √ 放开Alt键,就会出现√了
  • 展开全部解决方法如下bai:方法du一:1、右击工具栏zhi-勾选dao“控内件工具栏”,将打开“控件工具栏”;2、在容控件工具栏中找到“复选框”控件;3、单击这个按钮之后,会在当前光标位置自动插入一个“复选框”...
  • 点“复选框”按钮,会在 Word 页面上出现一个叫标有“CheckBox1”的小方框,即“第 1 复选框”,前面 的小方框就是复选框,底纹是灰色,点“控件工具箱”的第一个按钮“退出设计模式”就可以在内部打对 的, 也...
  • 用css画和叉

    2021-03-14 23:04:57
    css实现 √ .right { width: 28px; height: 28px; line-height: 26px; border: 1px solid #025299; background-color: #025299; position: relative; cursor: pointer; } .right::before { position: ...
  • 插入半勾√符号 上图中,选择“符号”选项卡,然后,在里面找到如上图的符号,即〤这个符号,将其插入到文档里面,然后,你就可以将〤复制到任何地方,代替半勾来使用。 二、使用绘图的办法制作半勾 同样,在Word文...
  • 我们做表的时候有时会遇到输入对或错的情况。Excel表格里面输入'√'和'×',普通的方法是直接插入特殊符号来进行对勾的输入。这样输入起来1个2个还可以接受,但是如果频繁输入,那我们得想想简单方法。...
  • word打√/x

    2018-12-05 20:37:50
    打√ :把字符R改成字体windings2 打x :把字符T改成字体windings2 把字符 2611 选中,按alt+x 插入-symbol-:叉在windings2的字符里把字符 2611 选中,按alt+x ...
  • Excel里半的打法

    千次阅读 2019-01-10 15:43:56
    在网上找了半天,基本标题写的打半,结果内容都是打的钩√,所以我觉得自己写个半的打法来帮助需要的朋友。 半就是在√的基础上,再有一道斜线,如图所示 方法 在单元格里面先打一个,优良中...
  • 插入半勾√符号 上图中,选择“符号”选项卡,然后,在里面找到如上图的符号,即?这个符号,将其插入到文档里面,然后,你就可以将?复制到任何地方,代替半勾来使用。 二、使用绘图的办法制作半勾 同样,在Word文...
  • 如何在word里面打对勾

    2012-10-13 13:50:14
    第一种在方框(囗)里打上或叉的方法:选中输入好的叉(√),依次单击格式——中文版式——带圈字符,在圈号里面选择“□”就可以得到一个带框的符号了。 第二种在方框(囗)里打上或叉的方法:单击菜单插入...
  • 在抖音里,抖音头像上有一个√图标,说明该用户是经过抖音官方认证的用户,其中黄色的√是个人认证,蓝色的√是企业认证,对于这一点还是需要了解的。 那我们今天就一起来看看如何开通蓝V,以及开通抖音蓝V有什么...
  • 月水泵选型、设计软件》 一、简介 月水泵选型、设计软件是经过作者十几年从事水泵研究、软件开发和不断优化升级而形成的。在软件设计过程中,力求做到软件算法合理准确、懂明白后再编写代码,有些程序经过上千...
  • 月三相电机电流计算软件依据公式电机功率公式P=U×I×√3×cosφ×η推导出电机电流公式I=P/( U×√3×cosφ×η),然后核算出电机功率,思路清析,操作方便!
  • excel对勾怎么输入

    2015-12-28 16:51:20
    下面是excel教程中对勾输入的步骤:    步骤1 :选取要输入的区域,比如我们要在D列进行操作,就首先选中D列,按ctrl+1(数字1)打开单元格格式设置窗口。    步骤2 :数字 - 自定义 - 输入:[=1]"√";...
  • word方框内插入对勾

    2014-06-23 17:09:08
    方法1 1.首先插入对勾“√”:(有两种方法): ...."1"... 插入→特殊符号→数学符号→√ ...."......... 在word中 ctrl+F9 在{}里输入 eq \o(A,B) 即可 注意eq与\之间的空格 ...就得到...
  • 如何在方框里面打√

    2021-01-07 19:50:40
    利用Word中带圈字符的功能,我们也可以输入哦。只是在使用输入法时候,我们要先按下「V」,然后按一下「1」,在输入法中翻页查找到对勾与叉叉。

空空如也

空空如也

1 2 3 4 5 ... 12
收藏数 240
精华内容 96
关键字:

勾√