自動で読み込まれたcssファイルを無効にしたい

Question

カラーミーショップでサイトを構築しています。
自動で読み込んでいるレスポンシブ用のcssファイル（colormekit-responsive.css）を
無効にしたいのですが、そのcssファイル自体には触れませんし、
cssファイルの読み込み記述のあるhtmlはコメントアウトなどの修正ができない箇所です。

外部cssファイルで上記のレスポンシブ用のcssファイルを無効にする為に
1つ1つ要素を書き換えるというのは面倒なので、外部ファイルで無効にするか（例えばjsとかで）、
別のcssファイルの置き換えるといった事が出来ないかと悩んでいます。

Answer 1

JavaScriptで無効にすることができます。
document.styleSheetsで読み込んでいるcssファイル一覧を取得できますし、
disabledプロパティをtrueにすることで無効化も可能です。

cssがいくつ読み込まれてるかわからないという前提で以下のようなコードではいかがでしょうか。

<script>
window.onload = function()
{
    var disableFileName = "aaa.css"; // 無効にするcssのファイル名
    for(var i = 0; i < document.styleSheets.length; i++) {
        // ファイルパス（フルパス）
        var styleSheetPath = document.styleSheets[i].href;
        // フルパスからファイル名を抽出
        var fileName = styleSheetPath.substring(styleSheetPath.lastIndexOf('/')+1, styleSheetPath.length);
        if (fileName === disableFileName) {
            // 無効にするファイル名なので無効にする
            document.styleSheets[i].disabled = true;
        }
    }
};
</script>