さまざまな編集可能なqooxdooフィールド(すべての子のqx.ui.form.AbstractField
)で選択色を変更する簡単な方法はありますか?私は、ブラウザーによって課されるような、この明るい青色の選択を取り除きたいと思います。qooxdooの編集可能なフィールドの選択色を変更するには?
答えて
これはqooxdooのテーマ設定では現在処理できないと思われますが、グローバルなqooxdooスタイルシートにルールを追加することで解決策があります。
必要なキー情報は::selection
疑似要素です。詳細についてはhttps://developer.mozilla.org/de/docs/Web/CSS/::selectionのドキュメントを参照してください。これについてはstackoverflow https://stackoverflow.com/a/23681913/6255232をご覧ください。
この情報を使用して、CSSルールは、選択可能な要素ごとにグローバルに、または具体的には、たとえばqx.ui.style.Stylesheet.getInstance().addRule
によって追加できます。入力とテキストエリア。
すべての入力elmentsのために赤に選択の背景色をchangeingための基本的な例は次のようになります。addRule
方法のチェックなど
qx.ui.style.Stylesheet.getInstance().addRule(
"input::selection",
"background-color:#ff0000"
);
与えられたルールが現在のブラウザに適用された場合、あなたが買ってあげます-moz-
のような接頭辞を持つルールをゲットコ以外のブラウザに追加しようとすると例外です。したがって、ブラウザのエンジンスイッチを使用するか、すべての接頭辞を試して例外を無視して、これを処理する必要があります。
var rules = [
"input::selection,textarea::selection",
"input::-moz-selection,textarea::-moz-selection",
"input::-ms-selection,textarea::-ms-selection",
"input::-webkit-selection,textarea::-webkit-selection"
];
for(var i=0;i<rules.length;i++) {
try {
qx.ui.style.Stylesheet.getInstance().addRule(
rules[i],
"background-color:#ff0000");
}
catch(ex) {};
}
これは、すべての入力およびテキストエリアの要素の背景色を赤に変更する必要があります。
もちろん、color
プロパティをルールに追加することで、テキストの色を変更することもできます。
そして、すべての要素に変更を適用するルールを作成することができます。私の前の回答に
一つの追加は:
あなたは
var cssColor = qx.theme.manager.Color.getInstance().resolve('my-theme-color-name');
を経由して色名を解決することにより、テーマカラーを使用し、ルールでbackground-color
またはcolor
プロパティを構成することを使用することができます。
動的テーマの変更を使用する場合は、異なるテーマカラーを反映するためにルールを再適用する必要があることに注意してください。
- 1. X-編集可能なブートストラップソース選択
- 2. 編集可能な選択/コンボボックス
- 3. x編集可能なネスト編集可能選択しない投稿
- 4. アンドロイドで編集テキスト枠の選択色を変更するには?
- 5. 角の編集可能なドロップダウン - 選択された値に基づいて編集可能にする
- 6. WPF編集可能なComboBoxの背景色をプログラムで変更する
- 7. カーソル選択を有効にした編集不可能なJTextField
- 8. 選択可能ですが編集可能ではないhtmlテキストフィールド
- 9. 選択可能なテキストボックスの編集でポップアップが可能ですか?
- 10. Dreamweaverテンプレートで編集可能なリージョンを編集不可能なリージョンに変更する方法
- 11. jqgrid、編集可能な選択コントロールの設定値
- 12. Vaadin - 追加項目を選択可能にする(編集可能)
- 13. "One-Off"編集可能なフィールドDjango Admin
- 14. 入力の最初の文字は選択不可能/編集不可能
- 15. 編集時にサイズ変更されない編集可能なHTML表セル
- 16. Djangoで編集可能な選択フィールドを実装するにはどうしたらいいですか?
- 17. ハイライトの選択(ホバー上に表示され、編集可能)
- 18. 複数行の編集可能なテキスト:編集可能なUILabel?
- 19. slickgridの編集可能な行と編集不可能な行
- 20. 編集可能な選択と自動完了javascript
- 21. 編集可能なComboBoxの動作を変更します
- 22. KendoUI:グリッドの複合編集可能フィールド?
- 23. 編集可能なフィールドが編集されているか確認するjqgrid
- 24. 内容編集可能なdivの選択したテキストにスパンを追加
- 25. 編集可能と非編集可能な入力フィールドと私はテーブルを持っている
- 26. 垂直ホイールビュー:選択したアイテムを編集可能にする方法は?
- 27. qooxdoo - カスタムリストアイテムウィジェットの選択
- 28. Android EditText - 編集可能ですが選択できません。
- 29. X-編集可能な選択はデータ属性に基づいて
- 30. 編集可能DevExpress.XtraGrid.Views.Grid.GridView私はして編集の編集機能を有効に
適用されたqooxdooテーマカラーをこのコードスニペットの名前で使用することはできますか? –
良いアイデア!すぐに私の答えを変えるでしょう – level420