2017-03-22 4 views
0

私はngSemanticでAngular2プロジェクトに取り組んでいます。いくつかの場所で私はセマンティックポップアップ(smポップアップ)を使用しました。デフォルトでは、常にボーダーの周りに白いマージンがあります。ポップアップ全体が同じ灰色になる必要があるので、白いマージン(または見た目に応じてパディング)を0にする必要があります.2日間検索しましたが、どこで設定するのか分かりません。誰も同じような問題に遭遇しましたか?angular2 sm-ポップアップマージンの意味ui

答えて

1

は、あなたのCSSに以下を追加します。

.ui.popup { border: 0; padding: 0; } 

それともあなたはそれを使用しているれているコンポーネント。

@Component({ 
    ..., 
    styles: ['.ui.popup { border: 0; padding: 0; }'], 
    ... 
}) 
+0

こんにちはダン、お返事いただきありがとうございますが、それはうまく動作しません。境界にまだ空白があります。私はsemanticを使用しているので、ポップアップクラスが使用されていないので、要素タグを使用してポップアップを作成します。私もそのCSSスタイルをそのタグに追加しようとしましたが、それはまだ動作しません。すべての手がかりは? – user3513507

+0

こんにちはダンそれは動作します!私はそれをangular2コンポーネントのCSSに追加していましたが、むしろグローボールのCSSファイルに追加してください。今、新しい問題があります。私のポップアップが灰色である間、ポップアップの上の矢印は常に白です。私はその矢の色をどう変えることができるか知っていますか?どうもありがとう! – user3513507

0

Danは、白い枠線を削除するための答えを提案しました。だから、矢の部分については、矢印の色を変えるのはかなり難しいと思うので、矢印を完全に削除するためにバリエーションを基本に変更しました。それはかなり良い見えます。