统一所有浏览器CSS样式的复选框

Question

我需要一些帮助才能在所有浏览器中创建unify复选框。 我的应用程序正在使用一个主题，使复选框看起来很难看。

在哪里可以全局设置浏览器属性，因此复选框在差异平台上显示相同 http://jsfiddle.net/khan777/LnL7b/109/

CSS

public interface AdminCityService extends CrudRepository<AdminCityModel, Integer> {
    public Page<AdminCityModel> getCityList(Pageable page);
}

以下是Chrome浏览器的丑陋程度

Answer 1

如果您指的是＆＃34;丑陋＆＃34;选中此框后，是透明背景颜色，将背景颜色添加到URL前面的属性中：

.MyCheckBox:checked {
    display : inline-block;
    background: #fff url(http://vignette3.wikia.nocookie.net/roblox/images/5/57/Very-Basic-Checkmark-icon.png/revision/latest?cb=20131125154354) no-repeat center center;
    background-size: 100%;
}

如果您有其他意思，请添加详细信息。