如何删除选择框/复选框的默认状态?

本文介绍了如何删除选择框/复选框的默认状态?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想知道，如何在Checkbox中删除选择框和渐变的默认箭头，我想在其上使用自定义图像.

I'd like to know, how to remove default arrow of selectbox and gradations in Checkbox and I wanna use custom image on it.

例如，这是一些代码.

 <select class="selectParent">
     <option value='1'>Title</option>
     <option value='2'>Description</option> 
     <option value='3'>Author</option>
 </select>

我搜索了一些解决方案，以使用-webkit-外观删除默认状态；和-moz-外观；但我不知道在IE中.是否有可能在IE中删除默认状态?

I searched some solutions to remove default status using -webkit- appearance; and -moz- appearance; but I have no idea in IE. Is there any possibility to remove a default status in IE?

根据同样的逻辑，我想知道如何删除复选框中的默认状态.

as a same logic, I'd like to know, how to remove default status in checkbox.

<input type="checkbox" name="category" id="category10"/>

我会很想得到很好的答案

I'll be wating for good answers thx

推荐答案

外观:无可行，但这不是跨浏览器的方式.

select, input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

演示

这是复选框的跨浏览器方法，

Here is a cross-browser method for checkbox,

http://jsfiddle.net/kyLq4/1/

这篇关于如何删除选择框/复选框的默认状态?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！