问带模式的html删除线
EN

Stack Overflow用户

提问于 2020-02-28 07:13:06

回答 1查看 26关注 0票数 0

我有一个html代码，我正在尝试编辑，但它似乎有一些css，但我想让它在选中时，有一个删除线，当所有的复选框都完成时，会出现一个模式，说祝贺下一步。我已经包含了html和我正在谈论的内容的屏幕截图。在这方面是个新手。

https://www.w3schools.com/code/tryit.asp?filename=GCBQRUJTL64Y enter image description here

modal-dialog

strikethrough

html

回答 1

Stack Overflow用户

发布于 2020-02-28 07:46:10

  if (!wlcl_site_url_post) {
    var wlcl_site_url_post = 'https://rachelwhynot.com';
  }

input[type=checkbox]:checked + label {
  color: darkgrey;
  text-decoration: line-through;
  font-style: italic;
}

<h3 class='wlcl_title chk_title_8'>Action Items: Tracking Your Onboarding Process</h3>

<input class='item_chk shortcode_chk' id='item_chk_0' type='checkbox' name='item_chk[]' value='8-32-14' />
<label for='item_chk_0'><span class='item_name_8'>Watch Video Training</span></label>

试试看。你可以用CSS属性选择器和不同的输入做一些很酷的事情。

您也可以在$(document).ready()函数中使用jQuery来完成此操作，但这肯定不是完成此类操作的唯一方法。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/60443092

复制

相似问题

问带模式的html删除线
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带模式的html删除线EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带模式的html删除线
EN