css-去除默认样式

1.去除select默认的下三角

select {-webkit-appearance: none;border-radius: 0;}

2.checkbox

去除默认样式后，选中状态勾选样式无法出现，需要设置

input {-webkit-appearance: none;border-radius: 0;}
input[type=checkbox]:checked:after{}

3.禁止用户选中文本

-webkit-user-select:none;

4.划线

<div class="kind">
<span class="price">¥120元</span>
</div>
 
.kind .price {position: relative;display: inline-block;margin:0 10px;}
.kind .price::before {content: '';width:100%;position: absolute;top:50%;left:0;border-bottom: 2px solid #333;}