如何删除Selectbox/Checkbox的默认状态？

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

例如，这是一些代码。

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

我搜索了一些使用 -webkit- 外观删除默认状态的解决方案；和-moz-外观；但我对IE一无所知。是否有可能删除 IE 中的默认状态？

作为同样的逻辑，我想知道如何删除复选框中的默认状态。

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

我会等待好的答案，谢谢

appearance: none会起作用，但是这不是跨浏览器的方式 http://css-tricks.com/almanac/properties/a/appearance/.

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

DEMO http://jsfiddle.net/pKWCN/

EDIT:

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

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