この質問がこのフォーラムの境界を超えないことを願っていますが、「コード関連」ではありませんが、範囲内であると信じています。
私はスタイリングにCSSを利用するWebアプリケーションを開発しています。昨日、GUIの一部、つまり入力フィールドとボタンのある検索パネルが奇妙に見えることに気づきました。パネルはすべてのCSS設定を失いました。パディング、ボーダー、背景色。クラスでは何も変えていなかったので、とても驚きました。何度もやらなければならなかったように、ローカルホストのCookieを削除して、スタイルシートの再読み取りを強制しました。しかし、これは役に立ちませんでした。
何が悪いのかわからなかったので、どういうわけか、いつも実行しているFirefoxではなくChromeでアプリケーションを試してみることにしました。そして奇妙なことに、Chromeでは見た目が良く、Firefoxでの見た目と昨日までの見た目は問題ありません。これは、ブラウザで実行されているのと同じWebアプリケーションであり、同じコードと同じURLです。それでもFirefoxでは、検索パネルに影響を与えるスタイルシートの部分を完全に無視します。GUIの他のすべてのインスタンスは問題ないようですが、問題は見つかりませんでした。
この問題を自分の経験から認識した場合、または聞いたことがあり、Cookieを消去する以外に(すでに試した)修正するために私ができることを知っている場合は、応答してください。ありがとう!
編集:コードを見たいと思った後、無視されるのは2つのCSSクラスであることに気付きましたが、視覚的には非常によく似ているため、以前は気づいていませんでした。
.m2m-table-action-bar {
background-color: #C9C9C9;
border-top: 1px solid #949494;
border-left: 1px solid #949494;
border-right: 1px solid #949494;
}
.m2m-top-button-panel {
background-color: #C9C9C9;
border-bottom: 1px solid #949494;
border-top: 1px solid #949494;
padding: 10px;
}