2017-02-08 5 views
1

ボタンを特定のコーナーから曲げようとしていますが、NativeScriptアプリケーションでは機能しません。ここに私のCSSコードは次のとおりです。border-radius-left-leftがAngular2と連携していません

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

私が最後にピクセルを追加しようとしましたが、それはAngular2 CSSでは動作しません。 私はまた、このように1行にすべて入れようとしました:

border-radius:3px 3px 0px 0px;

ただし、pxの有無にかかわらず動作しませんでした。

+0

最後に 'px'を付けるべきです(前述のとおり)が、これらのスタイルをオーバーライドする他のCSSがいくつかあるはずです。 Angular2はこれとは関係なく、代わりにこれらのスタイルをオーバーライドする別のライブラリです。要素には他にどんなスタイルが適用されていますか?また、ブラウザのインス​​ペクタをスクリーンショットして(その要素を調べているとき)、何が上書きされているかを見ることができます。私のChrome Dev Toolsを見て 'px'が必要で、' 10'の値が無効であることがわかります:http://imgur.com/a/jqEFq – jamez14

+0

あなたは本当にあなたに適用/上書きしていますか?正しい要素ですか? '10px'のような最初の例は正しいでしょうし、角度はそれと関係がありません。 –

+0

また、border-top-left-radiusはborder-radius-top-leftと同じではありません。 –

答えて

0

ことを追加しよう!重要な他のCSSルールを上書きする動作しない場合は、PX

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

が必要な場合があります。

border-bottom-left-radius:10px !important; 
border-top-left-radius:10px !important; 
border-top-right-radius:0 !important; 
border-bottom-right-radius:0 !important; 
関連する問題