有没有一种方法可以使用jQuery和/或CSS通过单击按钮来反转页面上的所有颜色？

Question

我希望通过单击按钮来反转页面上的所有颜色，但我还没有学会反转颜色。是否可以通过jQuery或JS方法实现此目的，例如：

$("#button").click(function() {
  $(body).invert()
}

还是我必须通过CSS方法？

谢谢。

Answer 1

是的，您可以使用CSS：

import 'dart:async';
import 'dart:io';
import 'package:flutter/foundation.dart';
import 'package:path_provider/path_provider.dart';

Future<File> writeCounter(int counter) async {
final file = await  File('your_path.txt');

  // Write the file
  return file.writeAsString('$counter',mode: FileMode.append);
 }
}

https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/invert

只需单击JS单击即可切换类body.invert { filter: invert(1); } 。