文章/答案/技术大牛

发布

问黑暗按钮
EN

Stack Overflow用户

提问于 2022-02-03 08:38:08

回答 1查看 575关注 0票数 0

我已经实现了一个按钮，它应该改变背景颜色，从黑色变成蓝色。但我没有找到一个简单的方法，我如何能做到这一点。这是我的HTML文件

<div style="background-color: #161624; width: 100%; height: 20%; "></div  <div style="background-color: #efece7; width: 100%; height: 60% "> </div> <div style="background-color: #161624; width: 100%; height: 20%; vertical-align: bottom ; "</div>



       <button id="changecolor">Change Color</button>

   
</div>

我想要的按钮改变颜色，改变背景色，其中高度是20%在两者。在这里输入图像描述

蓝黑色的颜色应该改变

html

css

button

darkmode

回答 1

Stack Overflow用户

发布于 2022-02-03 08:47:06

我建议对此使用一个独立的css文件，并根据不同的暗/光模式使用不同的颜色和图案。

只需在下面添加一个css类示例，并添加一些javascript，以便能够更改要用作开关的按钮或元素上的类。

function myFunction() {
  var element = document.body;
  element.classList.toggle("dark-mode");
}

body {
  padding: 25px;
  background-color: white;
  color: black;
  font-size: 25px;
}

.dark-mode {
  background-color: black;
  color: white;
}

<body>

目前，这只是指向身体，但可以很容易地调整为指向任何你想要的元素。

如果你有什么问题就告诉我

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70968098

复制

相似问题

问黑暗按钮
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问黑暗按钮EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问黑暗按钮
EN