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

2021-08-29 22:44:50 字數 586 閱讀 2184

今天除錯專案的時候突然發現,設定的border-radius竟然失效了,開啟f12,眼看著瀏覽器把這個屬性也給劃掉了,不是一般的鬱悶,按照道理來說,不應該會出現這樣神奇的bug。

#photo
解決辦法:萬能的!important;

在border-radius屬性裡面新增!important:

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

#photo
完美解決:

border radius屬性詳解

border radius屬性的應用,大家最熟悉的應該就是頭像了,但其實,border radius屬性還是很強大的,你能相信,下面兩個圖形都是用border radius畫出來的麼?下面是我結合網上大佬們的部落格資料以及自己的實踐結果得出來的一些結論,有什麼不對的望各位大神們批評指出,謝謝 我們經...

border radius屬性詳解

在平時工作中border radius這個屬性,一直拷貝的ui的設計值,用的最多的也是border radius 50 這個屬性。竟然一直沒去深入了解過其特性。border radius 300px 300px 300px 300px 300px 300px 300px 300px 其中分別對應 左...

border radius屬性值引數詳解

border radius是css3設定圓角的乙個屬性,其屬性值得單位可以使用 em px 百分比等等。但是,border radius屬性值得引數形式有好多種,那麼具體都代表什麼意思呢?下面以實際例子分析一下 首先是最常見的一種形式,乙個值 border radius 值 這段 代表同時將元素的每...