HTML复选框 - 跨浏览器问题

Question

我有一个输入 - 复选框嵌套在元素中，它在FF和chrome中显示正常，但在IE8 / 9中显示不同。下面的嵌套结构是必需的，因为它中还包含许多其他元素，为了清楚起见，我刚删除了这些元素。

http://jsfiddle.net/D47jL/1/

HTML：

<div class="fieldwrapper">
    <div class="field">
        <div id="acc">
            <label>
                <input type="checkbox"/>
            </label>
        </div>        
    </div>
</div>

CSS：

.fieldwrapper .field input,
{

    border: 1px solid #41403E;
}

.fieldwrapper .field input[type="checkbox"] 
{
    border: none;
}
#acc label input { border:0 none;}

css中的前2个样式是长期在应用程序中编写的，我无法修改它，因为它在no中使用。地方，我只能写新的或修改第3种风格。我想复选框出现在IE中，因为它在FF中。我试过，但没有运气，不确定，可能是我错过了一些非常简单的事情。所以，如果有人可以提供帮助，我将不胜感激。

jsfiddle的IE9截图 -

jsfiddle的FF截图 -

Answer 1

在Internet Explorer 9/10/11中，复选框与Blink和Gecko浏览器中的复选框看起来不同。样式复选框没有好方法（具有良好的浏览器支持），但您可以隐藏它们并将另一个元素设置为复选框。

以下是使用“hack”的一些示例：CSSDECK CSS Checkbox-styles。