問題タブ [stylish]
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.
html - CSS スタイリッシュなポップアップ背景
私は CSS がとても苦手で (構文がまったくわかりません)、自分の知識を使ってコードをいじっているだけです。スタイリッシュなアドオンでChromeを使用しており、暗いウィキペディアを自分の好みで作成したいと考えています。スタイリッシュからいくつかのコードを取り、色を変更しただけですが、今は新しいものを追加する必要があるため、行き詰まっています。明らかにクローム製なので仮です。これは私の問題です：
そして私の質問は、他のすべてを破壊することなく、そのボックスを＃555のような色で不透明にする方法です.
私が使用しているコードは次のとおりです。pastebin.com
css - スタイリッシュなアドオン: CSS を壊す border-radius プロパティ
スタイリッシュなブラウザー拡張機能を使用して、Web サイト用のカスタム ダーク テーマを作成しています。最近の更新で、サイトの所有者は多くの点で丸みを帯びた角を考え出しました。これは私の意見では、特に入力フィールドで非常に醜いです。しかし、border-radius: 0px !important;Stylish を使って応募しようとすると、入力欄がおかしくなってしまいます。通常の div のようなものでは問題なく動作しますが、通常<input type=text>の 、 a 、<textarea>または<select>.
これは、カスタム CSS を使用しない場合のテキスト領域の外観です。
これは、私のカスタム CSS でどのように見えるかです:
border-radius: 0px !important;これは、CSSに追加すると次のようになります。
がborder-radius: 0px適用されると、他のすべてのborderプロパティとbackgroundは無視されます。サイトのネイティブ CSS プロパティでさえ使用されません。ブラウザーは、テキストエリアに CSS ルールがまったく定義されていないように、標準の外観を使用するだけです。colorそれでも動作します。
すべてを変えるつもりだっborder-radiusたようです。にのみ追加すると、入力フィールドはホバー時にのみ狂います。使用する必要さえありません:サイトのネイティブ CSS が使用するものと同じものを使用しても問題が発生します。:hover0px6px
これは私のCSSルール全体です:
本当に奇妙なのはborder-radius: 0px、Firefox 開発者ツールを使用して追加すると問題が発生しないため、スタイリッシュに問題があるように思われることです。
この狂気の原因は何ですか？どうすれば修正できますか？回避策はありますか? 私が持っていた唯一のアイデアは、プロパティを追加するカスタムJSを使用することです...
css - CSS「unicode-range」を使用して、(サードパーティの) ページ全体でフォントを指定できますか?
私は CSS に精通したことはありませんが、以前はこのような状況はなかったと思います。
スタイリッシュを使用して、直接制御できないサードパーティのサイトに CSS を追加することを考えています。そのため、HTML と CSS は、私がやりたい種類のカスタマイズ用に実際には設定されていません。
私が微調整したいサイトでは、フォントを適切に制御することはできませんが、そのページ (ユーザーが作成) の一部では、OS とブラウザーの組み合わせがひどいフォントを選択するいくつかのエキゾチックな Unicode 範囲 (クメール語など) を多く使用しています。
ページの HTML/DOM の構造を深く掘り下げることなく、特定の Unicode 範囲内にあるページ内のすべてのテキストに適用して、既知の適切なフォントに設定する CSS ルールを作成できますか?
(またはunicode-range、Web フォントで何か違うことをするためだけですか?
css - クロムでテキストを強調表示する方法
クロムでテキストを強調表示したいのですが、条件付きです。ウェブサイトはページの各要素にこのタイプのコードを使用しており、長さが 1:00:00 未満のものを強調表示したいと考えています。
PS: 数字が合算されないことはわかっていますが、これは例です ;)
可能であればCSSでスタイリッシュにやりたいのですが、それが可能かどうか、CSSで条件を作る方法が本当にわかりません。
ご協力ありがとうございました。
css - Firefox が他のものよりも CSS セレクターを選択した理由を確認する方法はありますか?
ドキュメント インスペクター ウィンドウで、要素を選択し、横の [計算済み] タブをチェックしました。しかし、それはプロパティにどの値が利用可能で、どの値が選択されたかを示すだけであり、それが選択された理由ではありません。
基本的に、Stylish スクリプトを使用してプロパティ ( ) を設定しようとしていますがwidth、サイト自体の設定が私の設定を上書きし続けています。これは、[計算済み] ペインに取り消し線が引かれていますが表示されるためです)。サイトの CSS シートと私のスタイリッシュなスクリプトの両方で、このプロパティの接尾辞を使用しています。ですから、サイトのプロパティ設定が私の設定よりも正確に選択されている理由を知りたいです。.class1tr td.class1.class2.class3[style]!important