html - CSS3和IE中的-webkit-appearance等效项

一段时间以来，我一直在寻找appearance:none的替代方案。我需要有一个复选框，看起来与众不同。

我也知道CSS3将删除appearance，尽管现在主要的浏览器都支持它。那么，如果我打算保留该复选框而不使用按钮，那么哪种更好的选择呢？


IE equivalent to -webkit-appearance?
MSDN | -webkit-appearance property
css3 appearance property for IE
CSS Appearance

最佳答案

你可以试试这个

input[type="checkbox"].novisible {
    display: none;
}
.checkboxCl {
  border:1px solid #333;
  width:30px;
  height:30px;
  display:block;
}
input[type="checkbox"].novisible:checked + label {
  border:1px solid red;
  width:30px;
  height:30px;
  background:url("http://www.clker.com/cliparts/a/L/I/b/q/o/green-check-mark-hi.png") 0 0 no-repeat;
  background-size:cover;
}

   <input type="checkbox" class="novisible" id="checkBox">
   <label for="checkBox" class="checkboxCl"></label>

关于html - CSS3和IE中的-webkit-appearance等效项，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43445156/