問題タブ [styling]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
6820 参照

google-maps - Google マップのスタイルを設定できますか?

Google マップのスタイル設定に関して、どの程度制御できますか?

サイトの配色に近づけることはできますか、それともパステル カラーにこだわっていますか?

0 投票する
4 に答える
11982 参照

c# - IsEnabled、IsMouseOver などのトリガー時の WPF スタイリング タブ項目テキストの前景

トリガーを使用して、WPF タブ項目のヘッダー テキスト ブロックの前景色を変更しようとしています。これは、ほとんどの (単純な) シナリオでは問題なく機能しますが、TextBlocks がグローバルにスタイル設定されている場合は機能しません。

したがって、この単純な「マウスオーバー」トリガーは、前景色を変更するという点で機能します。

問題は、(一貫した外観を維持するために) App.xaml で TextBlocks がグローバルにスタイル設定されている場合、前景は変更されず、グローバルにスタイル設定された前景色が保持されることです。これは、私の TextBlocks がどのようにスタイルされているかです:

だから私の質問は、(TabItem のトリガーで) 明示的に定義されたスタイルの割り当てが優先されるべきではないということですか? さらに重要なのは、スタイルをすべてのテキストブロックに個別に割り当てずに、TabItem テキストブロックの色を期待どおりに変更することなく、これを回避するにはどうすればよいですか?

どうもありがとう

NT

0 投票する
2 に答える
392 参照

css - CSS: リストの最初と最後でプロパティをキャンセルする

メニュー表があります。私は UL/LI を使用しておらず、ネストされた DIV のみを使用しています。メニュー項目間にグラフィック区切りがあります。リストの最初の項目は左パディングを抑制する必要があります。最後の項目は、右側のパディングとグラフィック セパレータを抑制する必要があります。CSSは次のとおりです。

HTML は次のとおりです。

修飾子クラスを使用して特定のプロパティを抑制できることを期待していました。これは可能ですか?これを行うより良い方法はありますか?

どうも。

0 投票する
2 に答える
10215 参照

wpf - カスタム コントロールのデフォルト スタイルの作成

現在、(WPF DataGrid に基づいて) カスタム コントロールを作成しています。私がやりたいことは、データグリッドにデフォルトのスタイリングを設定することです。現在、機能する Style プロパティを設定しています。しかし、fx を変更するスタイルを作成すると問題が発生します。メイン アプリケーション app.xaml の背景色。次に、「デフォルト」のスタイリングがすべて失われ、DataGrid は background プロパティが設定されているだけですべて標準に見えます。

デフォルト値を適用したいグリッドの各プロパティで OverrideMetadata を使用しようとしましたが、うまくいきませんでした。また、コンストラクターで各プロパティを設定しようとしましたが、プロパティの優先順位のため、メイン アプリケーションのスタイルは適用されません。

何か案は?

前もって感謝します

0 投票する
4 に答える
52224 参照

css - CSS 親/祖先セレクター

重複の可能性:
CSS 親セレクターはありますか?

私はこれが暗いショットであることを知っていますが、要素の祖先を選択してスタイルを設定するために、cssのみ、CSS2、jquery、javascriptを使用しない方法はありますか? セレクターを確認しましたが、何かを見逃した場合や巧妙な回避策がある場合に備えて、これを投稿しています。

たとえば、クラス名「test」が div 内にネストされたテーブルがあるとします。ある種のものはありますか:

0 投票する
3 に答える
6835 参照

cakephp - CakePHP フォームヘルパー - HABTM 複数チェックボックスのスタイリング

HABTM テーブルによって相互に関連付けられている「レストラン」と「料理」の 2 つのテーブルがあります。

テーブル料理には特定の固定エントリがあります - 54 番号

レストランには、料理の数に制限はありません。アプリケーションをベイクすると、これには複数選択が伴いました。チェックボックスが欲しかったので、 array( 'type' => 'select', 'multiple' => 'checkbox') を使用してチェックボックスに変換しました。

下のスクリーンショットに示すように、このチェックボックスが 4 つの列に表示される方法をスタイルしたいと思います。

img2.pict. com/82/bc/a4/1453459/0/200908111511.png

上記のコードは、次のように各要素の周りに多くの div を生成します

http://img2.pict.com/1a/a3/0a/1453457/0/200908121509.png

私は次のことを試しました:

ただし、このコードは外側の div とラベルのみを削除します。内面をコントロールできない

単一のチェックボックスの周りに表示されます。

FormHelper を使用して内部 div のクラスを削除または付与し、カスタム スタイルを作成するにはどうすればよいですか? または、このHABTMテーブルにデータを入力して、必要な効果を得る方法は他にありますか?

0 投票する
1 に答える
151 参照

wpf - トリッキーなWPFスタイリングの問題-できますか?

観察可能なアイテムのコレクションがあり、各アイテムには名前と「グループ名」(両方の文字列)があります。

トリッキーな部分は、XAMLで、同じグループ名を持つすべてのアイテムが隣り合ってリストされ、グループ名が上部に表示されるように、このコレクションのスタイルを設定する必要があることです。

グループ名のレイアウトと、表示される各アイテムのレイアウトのユーザーコントロールを設計しました。私はItemsControlをいじってみましたが、同じグループのアイテムが、ソースとして汎用ItemControlユーザーコントロールを使用し、グループ名が上に表示される同じItemsControlに何らかの形で「マージ」されるようにスタイルを設定する方法がわかりません。

バインディングが完全に機能するため、各グループ内のアイテムのコレクションとともに「グループ」のコレクションを使用してこれを機能させました。ただし、各アイテムが複数のグループに含まれている可能性があることは考慮していません(1人の人が「仕事仲間」グループと「同僚」グループに属していると考えてください。したがって、複製する必要があります)。

アドバイスや解決策は大歓迎です:)

0 投票する
2 に答える
39693 参照

wpf - WPF、XAML:ListBox ItemsSourceオブジェクトのプロパティのバインドを使用してListBoxItemのスタイルを設定するにはどうすればよいですか?

LogMessagesのObservableCollectionにバインドされているListBoxがあります。

各メッセージには2つのパラメータがあります。

ListBoxはこれらのアイテムでいっぱいになり、LogMessageアイテムの重大度パラメーターに応じてリストを色分け(ListBoxItem背景色を変更)する必要があります。

これが、ログを表示するユーザーコントロールのXAMLにあるものです。

および実際のリストボックス:

メッセージのSeverityパラメーターはInt(0..3)型であり、これを使用してスタイルを簡単に切り替えることができるため、AlternationConverterが使用されます。

コンセプトは明確ですが、今のところ私にはうまくいきません。ListBoxItemの背景色は変更されませんでした。

0 投票する
4 に答える
556 参照

css - CSS で階層リストからテーブルを作成する

これは簡単なはずですが、おそらく不可能です:)

この種のHTML出力があります

そして、私はそれが次のように表示されることを望みます

純粋なCSSでこれを行うにはどうすればよいですか? 必要に応じて、HTML をある程度変更することもできます (ただし、変更したくはありません)。