css在苹果电脑有哪些兼容性问题

使用CSS可以使网页的样式更美观，但在苹果电脑上可能会出现一些兼容性问题。

/* Safari浏览器上需要添加-webkit-前缀 */.example{
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

Safari浏览器需要添加-webkit-前缀才能支持border-radius属性。

/* 在Chrome和Safari浏览器上需要加上outline:none */a:focus{
    outline:none;
}

在Chrome和Safari浏览器上需要加上outline:none，取消a标签的聚焦效果。

/* 使用calc()计算宽度时需要加空格 */.container{
    width: calc(100% - 20px);
}

在使用calc()计算宽度时需要在运算符前后加上空格，否则可能会出现错误。

/* 使用rgba()时需要设置背景色 */.example{
    background-color: #fff;
     background-color: rgba(255, 255, 255, 0.8);
}

在使用rgba()设置透明度时需要先设置背景色。

/* 在Safari浏览器上需要添加-webkit-appearance:none */input[type=checkbox]{
    -webkit-appearance:none;
    appearance:none;
}
    

在Safari浏览器上需要添加-webkit-appearance:none使checkbox样式不受浏览器默认影响。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！