border-radius-top-left與Angular2不兼容

我想從特定的角落彎曲我的按鈕，但它不適用於我的NativeScript應用程序。這裏是我的CSS代碼：border-radius-top-left與Angular2不兼容

border-bottom-left-radius:10; 
border-top-left-radius:10; 
border-top-right-radius:0; 
border-bottom-right-radius:0;

我試圖在最後添加px，但它不適用於Angular2 CSS。我也試圖把他們都在這樣一行：

邊界半徑：3px的3px的0像素0像素;

但它沒有和px一起工作。

來源

2017-02-08 MSOUFAN

你應該把'px'放在最後（如你所提到的），但是必須有一些其他的CSS覆蓋這些樣式。 Angular2可能與此無關，而是另一個重寫這些樣式的庫。還有哪些其他風格被應用於元素？另外，也許你可以截圖您的瀏覽器檢查（檢查該元素時），所以我們可以看到什麼是壓倒一切的。你會看到'px'需要通過看我的Chrome瀏覽器開發工具，你看到了'10'值無效：http://imgur.com/a/jqEFq – jamez14

你確定你申請/覆蓋到正確的元素？你的第一個例子是'10px'將是正確和角度不應該有什麼關係呢。 –

此外，邊框左上角半徑是不一樣的邊界半徑，左上角。 –

您可能需要PX

border-bottom-left-radius:10px; 
border-top-left-radius:10px; 
border-top-right-radius:0; 
border-bottom-right-radius:0;

如果不工作，嘗試添加！重要的是要覆蓋其他CSS規則。

border-bottom-left-radius:10px !important; 
border-top-left-radius:10px !important; 
border-top-right-radius:0 !important; 
border-bottom-right-radius:0 !important;

來源

2017-02-08 20:10:49 Mazz

border-radius-top-left與Angular2不兼容

回答

相關問題