border-radius屬性失效問題的解決辦法


最近在項目中遇到的一個小bug
要做一個pc端的輪播圖播放頁面,但是由於公司使用的內核版本太低,
輪播圖的滑動原點使用border-radius屬性失效

css代碼

.mount{
    width:20px;
    height:20px;
    border-radius:50%;

最后百度得到了解決方法
解決辦法:萬能的!important;
在border-radius屬性里面添加!important:

CSS中的!important一般都是用於對低版本的除了iE 6 ,用來做hack的,后面綴上了!important的css語句,讓瀏覽器首選執行這個語句,因為css有繼承的樣式,加上!importanrt可以覆蓋父級的樣式。

.mount{
    width:20px;
    height:20px;
    border-radius:50% !important;

原文:https://blog.csdn.net/qq_36538012/article/details/83310390


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM