我试图使用componentwillReceiveProps来改变按钮的颜色。
当我点击新闻频道，得到顶部的新闻按钮应该改变颜色。
所以我想在Button.js中我会使用componentwillReceiveProps
因此，在我收到道具后，我将改变按钮的颜色。
但在componentwillReceiveProps of Button.js内部，没有任何东西是打印的。
我研究并发现了下面的链接，但仍然没有帮助我
你能告诉我怎么修吗？
提供下面的代码片段和沙箱
class Button extends Component {
co
浏览 1提问于2019-08-25得票数 0
回答已采纳
3回答
我正在尝试改变我的网站的背景颜色通过按钮点击，但它不能正常工作。当我点击按钮时会发生什么，它会改变颜色，然后立即返回到原始颜色，它不想保留这些更改。
$(document).ready(function(){
$("button").click(function(){
$("div").css("background", "grey");
});
});
<script src="https://cdnjs.cloudflare.com/ajax/l
浏览 28提问于2018-12-13得票数 0
回答已采纳
我正在做一个铬的扩展，在其中我想改变颜色的“发送”按钮的组成对话框。
做这件事最好的方法是什么？
提前感谢！
更新-
这是content.js的功能，我现在用它来改变颜色-
function modifySendButton(check, form) {
var send_button = $(form).siblings('table').find('div[role="button"][aria-label="Send (Ctrl-Enter)"]');
if (0 === send_button.leng
浏览 0提问于2018-01-19得票数 0
1回答
我想用角度Js改变按钮的颜色，当第一次点击按钮时，它应该改变颜色，第二次点击时，它应该转到默认颜色并重复它
<script>
function setColor(btn, color){
var count=2;
var property = document.getElementById(btn);
if (count == 0){
property.style.backgroundColor = "#FFFFFF"
count=1;
}
else{
pro
浏览 2提问于2016-08-20得票数 1
3回答
我有一个按钮，它的悬停效果(颜色变化)。
button {
width: 180px;
height: 80px;
background-color: #A0522D;
}
button:hover {
background-color: #CD853F;
}
然后，从js我想改变背景色，例如，当选择的按钮是正确的。这就是我想出来的：
buttons[i].style.backgroundColor = "#A0522D";
我还具有动画的转换属性：
button {
transition: background 0.5s ease
浏览 2提问于2013-08-06得票数 2
回答已采纳
当我尝试更改价格颜色，底部颜色和标题字体样式，但它不起作用。这并没有改变任何事情。以及如何创建阴影
index.js
panel.js
Botton.js
Button.css
浏览 2提问于2018-05-21得票数 3
回答已采纳
5回答
单击按钮时更改按钮颜色
、、、
我的页面中有很多连续的按钮。当我点击按钮时，我需要改变按钮的颜色。下面是我的示例代码 $( "button.change" ).click(function() {
$(this).toggleClass( "selected" );
}); .Button {
font-family: Calibri, sans-serif;
font-size:13px;
font-weight: bold;
width: 160px;
height: 25px;
background:grey;
color
浏览 44提问于2017-05-26得票数 0
回答已采纳
1回答
你好，我有一个Wordpress主题的按钮问题。主题允许您更改按钮的主颜色，但不能更改悬停。我尝试在css中进行更改，但它变得非常混乱。
这是按钮的代码
<a class="button light button_right button_size_2 button_js kill_the_icon" href="http:/" style="background-color:#fff!important;color:#1e325b;">
<span class="button_icon">
<
浏览 0提问于2020-12-31得票数 0
1回答
<ThemeProvider theme={themes}>
<App />
</ThemeProvider>
这是我的全球主题的样式组件。
export const customCol = {
primary : "#fff",
secondary : "#ccc",
tertiary : "#3c71c6",
}
export const themes = {
bg : {
default : {
bg : customCol.primary
},
浏览 5提问于2022-10-08得票数 0
2回答
我试图改变点击和颜色的价值。我可以通过js改变值，但不能改变颜色。这是我的Js代码
<script type="text/javascript">
function change(el) {
if (el.value === "P")
el.value = "A";
else
el.value = "P";
}
</script>
，这是按钮：
<td>
<input id="p
浏览 5提问于2018-01-01得票数 0
3回答
这是我的代码，我想我的click按钮的背景颜色会改变，但问题是，我的click 1次的颜色会改变为red，但我点击第二次的颜色不会改变为yellow，这是图片的颜色将更改为红色，但它不会改变在另一种颜色。
arr = ["red", "yellow", "blue", "green"];
function Myfunction() {
for (let i = 0; i < arr.length; i++) {
const c
浏览 9提问于2022-04-30得票数 0
回答已采纳
4回答
我是新的材料用户界面和反应js，我只是尝试添加2个按钮，一个是与主要的颜色，另一个与主-光。我该怎么做？
我在使用情感库。这就是我试过的。我不想改变主光的默认颜色，我想使用默认的主光颜色到我的按钮。
<Button variant="contained" >Primary Button</Button>
<Button variant="contained" color="secondary" >secondary Button</Button>
上面的两个按钮正在按预期工作。
<Button
浏览 28提问于2022-02-25得票数 4
我试图改变图标的背景颜色出现在点击事件上，但背景颜色没有改变。有什么解决方案吗？下面是我的代码 jQuery(function($) {
$('#swapFire').on('click', function() {
var $el = $(this),
textNode = this.lastChild;
$el.find('span').toggleClass('glyphicon-fire glyphicon-tint');
$el.toggleClass('showF
浏览 17提问于2020-12-08得票数 0
回答已采纳
2回答
我正在修补HTML和Javascript，遇到了一个问题。
我有一个按钮，动画悬停和改变文本和颜色点击。再次单击时，它将返回到与以前相同的颜色和文本。我正在用一个JS文件来处理这个问题。
我的问题是，在第一次点击和悬停时，一切正常，但在第一次点击后，动画永远消失了，按钮现在只改变了颜色和文本，没有悬停动画。
按钮的HTML：
<button class="button" style="vertical-align:middle" id="buttonclick" onclick="setColor()">
&l
浏览 18提问于2017-12-30得票数 0
回答已采纳
我已经在react中创建了一个按钮组件。功能正常，但我无法更改按钮的颜色和样式 parent.js import React, { Component } from "react";
import {Button, TYPES} from '../../../Global/button';
class ProductDisplay extends Component{
render(){
return(
<Button buttonType={TYPES.DANGER} label="Add To Cart" o
浏览 21提问于2019-01-04得票数 1
2回答
我正在尝试使用p5js DOM库定制一个按钮。
我看过p5js参考资料和其他资料来源，但似乎什么也没有。
var button;
function setup() {
createCanvas(100, 100);
background(0);
button = createButton('click me');
button.position(19, 19);
button.mousePressed(changeBG);
}
function changeBG() {
var val = random(255);
浏览 3提问于2019-03-24得票数 1
回答已采纳
3回答
我想要在单击按钮后永久更改其背景颜色。使用下面的代码，只有在按钮处于活动状态/被单击时，颜色才会改变。释放鼠标按钮后，添加的“单击”类将不再应用于该元素。
将以下代码应用于输入标记，而不是按钮标记，可以按我所需的方式工作。但是，我使用了一个按钮标记，因为我希望该值与按钮内的文本不同。
我需要改变什么？
--谢谢。
HTML
<button class="inactive" value="test">Button</button>
CSS
.inactive {background-color:gray;}
.clicked {
浏览 1提问于2013-06-14得票数 2
我切换了head中的JS文件，但按钮没有响应事件。这个想法是当按下按钮时背景颜色必须改变。
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Pallete</title>
<link rel="stylesheet" href="style.css">
<script type="text/javasc
浏览 1提问于2019-04-30得票数 0
1回答
$(document).ready(function(){
$("[type=range]").change(function(){
if(!$('#changetoyello').hasClass('yellow'))
$('#changetoyello').addClass('yellow');
});
});
<!DOCTYPE html>
<html>
<head>
<title></title>
<!-- Lates
浏览 31提问于2019-08-09得票数 1
1回答
有人知道当我专注于蚂蚁设计时，如何改变它的无线电输入吗？我想改变边框的颜色，但我似乎找不到答案。 https://codesandbox.io/s/zen-ride-cxvne?file=/index.js 我在我的代码中有完全相同的收音机，当我选择它时，我只需要改变边框颜色。尝试执行此页面上的How to change radio button color in ant design?操作，但不起作用。
浏览 19提问于2020-10-16得票数 1
回答已采纳
我需要一个2状态按钮:在每个点击，改变它的背景颜色和文本标签(颜色和文本)。它的实现很简单，当按钮属于一个简单的页面时，它可以正常工作。相反，当按钮放在一个简单列表(20个元素)的每个元素中时，它不会改变它的背景色，只会改变它的标签文本，而不是它的颜色。
下面是一些检查问题的代码细节：
<StackLayout orientation="vertical" >
<ListView items="{{ items }}" itemTap="onItemTap">
<ListView.itemTe
浏览 0提问于2018-07-11得票数 2
4回答
我在Asp.Net 3.5 .I am having IE7中使用Jquery做了一个小的风格改变应用。当我点击按钮时，段落颜色应该会改变。问题是，颜色正在变化，它不是stable.Means，就像眨眼一样。请找到下面的代码
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
浏览 0提问于2011-06-29得票数 0
回答已采纳
2回答
我在做一个小小的网络项目
我使用javascript来改变颜色--看起来很好。
我用CSS来改变鼠标时的颜色(:hover) --这也很好
但是当我把它放在一起的时候，看起来只有javascript起作用了。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).rea
浏览 0提问于2019-04-18得票数 3
回答已采纳
3回答
用JS更改框的颜色
、、、
新来的js可能需要一些帮助。单击蓝色按钮后，我一直试图更改框的颜色。我是否可以使用js来改变盒子的颜色，或者我需要一些css魔法？
$("#btn1").on("click", function() {
$("#box").animate({
height: "+=35px",
width: "+=35px"
}, "fast");
})
$("#btn2").on("click", function() {
$("box&#
浏览 0提问于2018-07-08得票数 1
回答已采纳
2回答
我有一个相似的按钮，当你按下这个按钮时，它应该改变状态。我和jQuery一起做的。当您单击按钮时，它会更改颜色，而在ctrl+shift+i中也会更改类，但是它不会更改ctrl+u+i中的类，这会导致jQuery没有注意到类的变化。本质上，当你第一次点击按钮，它将改变颜色，但它将是静态的。知道怎么修吗？
这是我的代码：
$('.unclicked-like-button').click(function(){
$(this).removeClass('unclicked-like-button');
$(this).addClass(&#
浏览 6提问于2021-08-11得票数 1
回答已采纳
单击按钮后，我试图将页面的背景颜色更改为“黑色”，并将卡片内的文本颜色更改为“白色”。单击该按钮时，颜色只会更改1秒，并恢复为默认颜色。
在以下代码中，将向您展示main中的一些部分
HTML代码：
<div class="card fontOne">
<div>
<hr />
</div>
<ul class="card-items item-1">
<p class="name">Roboto</p
浏览 21提问于2019-11-01得票数 0
我正在使用leaflet插件easybutton.js，我已经添加了2个按钮，但是我想在不同的地方改变它们的背景颜色，但我似乎不能完全到达那里。我可以在添加时更改背景颜色，但效果只在单击时生效，我也希望能够在不同的点上更改背景颜色。
按钮的添加方式如下
L.easyButton('<img src="img/myimage.jpg">', function(btn, map){
btn.button.style.backgroundColor = 'yellow';
var destination = [newlat, n
浏览 7提问于2018-12-17得票数 0
问:我试图通过JS将div具体更改为选定的颜色，而不是整个身体。
当使用JS使用输入并根据用户决定的颜色更改背景时，我看到/能够工作的唯一代码行是document.body.style.backgroundColor = color;。
有没有办法，比如说，document.(classNameForADiv).style.backgroundColor = color;？我是非常新的HTML，CSS和JS，所以任何建议都将不胜感激。
HTML：
<div class="cell text">
Background Colo
浏览 47提问于2022-02-26得票数 3
回答已采纳
3回答
汉堡包菜单，如何改变十字架的颜色
、、、、
因为我有问题，我应该怎么做？这个菜单上的X按钮有问题，我自己做的，一切都是正确的，但当我试图改变X的颜色时，有一个错误。我想把X的颜色改成黑色的。
<button class="js-menu menu" type="button">
<span class="bar"></span>
</button>
<nav>
<ul>
<li>Lorem ipsum</li>
<li>Lorem i
浏览 2提问于2016-10-22得票数 0
5回答
function color(){
var color = "#"
for(var i = 0; i<6; i++){
color += Math.floor((Math.random()*16)).toString(16);
};
document.getElementsByTagName('body')[0].style.backgroundColor = color;
}
function change(){
setInterval(color(), 1000);
}
<!DOCTYPE html>
<html&
浏览 8提问于2016-07-03得票数 0
回答已采纳
3回答
我的目标是让用户多次点击按钮，每次点击都会改变按钮上的颜色和措辞。在第一次和第二次单击时，我得到了要更改的单词和颜色，但是当我再次单击时，它不会改变。我做错了什么？
您可以在下面找到我的代码：
$(document).ready(function() {
$("button").click(function() {
$("#partyButton").text("Party Over!");
$(this).addClass("click").one("click", function()
浏览 4提问于2021-01-06得票数 0
回答已采纳
如何连接到css/html并获取div的当前颜色，然后将其保存为变量，以便在java脚本中进一步工作？例如，html页面上有一个红色元素，您希望找到它的颜色，然后将其保存为js中的变量。
<div type="button" value="a1" id="a1" onclick="fire(this.id);">a1</div>
CSS
#a1{
color: white;
background-color: darkblue;
}
我在我的程序中再一次改变这个div的颜色。是的，所以我目
浏览 5提问于2019-11-08得票数 0
4回答
我想要访问一个按钮的悬停背景颜色，以更改悬停背景颜色每次该按钮被点击。
这是index.html文件中的按钮标记
<button class="btn-hero btn-hero:hover" id="btn">click me</button>
这在css文件中：
.btn-hero {
font-family: var(--ff-primary);
text-transform: uppercase;
background: transparent;
color: var(--clr-black);
}
.btn-
浏览 4提问于2020-07-31得票数 0
回答已采纳
2回答
点击Jquery倍数
、、、
在下面的html代码中，在单击特定按钮时，我希望更改特定html元素的颜色。
<paper-button style="background:blue" class="blue"></paper-button>
<paper-button style="background:red" class="red"></paper-button>
这是我的剧本
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1
浏览 1提问于2015-09-19得票数 0
回答已采纳
2回答
我有一个生成背景颜色的函数(工作正常)，但问题是当我点击屏幕上的任何地方，或者有时甚至滚动页面时，背景颜色都会一次又一次地改变。
HTML：
<ion-button shape="round" color="clear" [ngStyle]="{'background':getRandomColor(), 'border-radius': '20px'}" *ngFor="let c of categories;">{{c.title}}</ion-button&g
浏览 8提问于2019-11-05得票数 0
回答已采纳
3回答
我使用一个按钮来显示我的段落(和标题，但我还没有)改变颜色的模式。我可以通过点击这个按钮来改变我的页面背景，但是我不能改变段落的颜色。注意，他们分配了一个类。以下是我的JS页面上的代码：
function chBackcolor(color) {
document.body.style.background = color;
};
function changeColor(color) {
document.getElementsByClassName('forma').onclick = changeColor;
}
下面是我在HTML上使用的内容：
`<i
浏览 5提问于2018-12-26得票数 0
回答已采纳
请帮帮忙。我需要一个具有背景颜色的数组中的N个数字的列表，例如，黄色和粉色在每个li元素上的单击更改。
比如1个背景:黄色，2个背景:粉色，3个背景:黄色4个背景:粉色等等。
我现在对所有的li元素在每次点击事件上都有相同的背景颜色，颜色正在改变，但它同时改变了所有的元素。
new Vue({
el: '#app',
data: {
isDark: false,
log: [],
count: 1
},
methods:{
somefunc: function(){
this
浏览 2提问于2019-12-20得票数 3
1回答
我怎么才能改变一个按钮的绘图颜色我尝试使用下面的代码，但它不起作用，有没有更有效的方式改变颜色在sencha ext js中，如当一个按钮被点击时，一个颜色网格将出现？
使用了这个例子：
视图
tbar: ['->', {
text: 'Color',
handler: function (button) {
var draw = Ext.getCmp('sprite');
if (strokeStyle == yellow) {
浏览 32提问于2018-01-04得票数 0
3回答
我修改了我的tailwind.config.js以添加一个新的自定义颜色：
module.exports ={
theme: {
extend: {
colors: {
pepegray: { DEFAULT: "#323232" },
}
}
}
}
现在我要我的按钮在悬停时改变颜色。
<button className="h-2 w-2 rounded-full bg-silver hover:bg-pepegray m-0.5"></button>
但不起作用。
有趣的
浏览 3提问于2021-03-03得票数 2
回答已采纳
2回答
材料设计-改变抽屉图标颜色
、、、、
我找不到办法改变抽屉里的汉堡包图标。让我们来谈谈下面的代码：
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>drawer icon color</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<lin
浏览 3提问于2016-12-23得票数 6
回答已采纳
3回答
当我点击按钮时，我想单独更改按钮颜色。
要求：
按钮默认颜色:灰色，第一点击:绿色，第二点击:红色，第三点击:返回灰色。
该按钮位于另一组颜色较大的按钮中。
我被困在JS了。我不知道如何改变按钮的颜色(灰色、红色和绿色)。
请帮帮忙。
var SafetybtnColor = document.getElementsByClassName('Safetybtn');
var Safetybtns = document.querySelectorAll('button.Safetybtn');
SafetybtnColor.onclick =
浏览 2提问于2018-01-15得票数 0
我需要能够改变一个按钮的颜色和文本的一些东西，而不是默认的。
<button id="partyTimeButton">Party Time!</button>
JS
var partyEvent = function()
{
if (partyBtn < 0)
{
partyBtn = new Date().getHours();
partyBtn = "Party Over";
// text in the button should read "Part
浏览 0提问于2016-12-06得票数 0
2回答
我正在做我自己的网站，我一直与这个导航吧。我试着用CSS改变字体颜色，但它甚至没有改变颜色。但背景确实如此。我想用我想要的颜色来处理我的肚脐颜色。
这是代码
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
浏览 1提问于2018-02-12得票数 1
回答已采纳
1回答
响应滚动更改导航按钮的外观
、、、、
在我正在建造的一页纸的顶端，
将有一些用于在页面内部导航的navigation buttons。
当button悬停时，它将改变其外观(例如，字体颜色和按钮本身的颜色将切换位置)。
当用户向下滚动到buttons链接到的页面部分时，如何使button以相同的方式更改外观？例如，有一个标记为"Contact“的button链接到页面的"Contact”部分。当用户滚动到页面的该部分时，应该如何将button's字体颜色从(例如)白色更改为蓝色，将背景色从蓝色更改为白色？
已经讨论过这个问题了，但我还不熟悉headroom.js。
浏览 4提问于2017-02-01得票数 0
3回答
我试着用id="btn"点击一个按钮来改变正文部分的颜色。但当我启动index.html时，背景颜色并没有改变。如果任何人有解决方案，请我想知道解决方案背后的概念。
HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0
浏览 0提问于2020-10-05得票数 1
嗨，我是javascript的初学者！我正在尝试改变身体背景的颜色根据选择的颜色从创建的形式。我已经将脚本链接到index.html，但我似乎不知道为什么我的身体背景不会改变……有些东西丢失了，似乎找不到它，需要帮助。 <style>
.azure {
background-color: #F0FFFF;
}
.champagne {
background-color: #F3EACE;
}
.cotton-candy {
bac
浏览 16提问于2021-05-02得票数 0
回答已采纳
2回答
我有一个想要更改文本颜色的AppBar Button。
<Button Style="{StaticResource EditAppBarButtonStyle}" Click="Button_Click" Foreground="White"/>
我可以通过Foreground="White"来改变按钮的颜色，但是这并不能改变文本的颜色，那么我该如何改变文本呢？
浏览 0提问于2013-06-10得票数 2
回答已采纳
1回答
我只想改变5个按钮中选择的1个按钮的颜色。 <button
class="hover:bg-brand-blue hover:text-white focus:bg-brand-blue focus:text-white"
@click="say(item.message)"
>
<span class="text-sm ">{{ item.message }}</span>
</button> 在数据中 data() {
return {
re
浏览 120提问于2021-02-10得票数 0
回答已采纳
2回答
我想根据我的班次时间来改变按钮的颜色。同样，如果是早班，按钮的颜色应该是蓝色的，晚上应该自动变成红色或任何不同的颜色。我需要四种不同的颜色。有人能在这方面帮我吗？
$(document).ready(function(){
$("#hex").on('change', function(){
var hex = $("#hex").val();
$("#btn").css({"background-color":hex});
});
});
<script src="h
浏览 0提问于2017-07-05得票数 0
我正在学习JavaScript，今天我试着做一个小小的猜测游戏来学习英语中的颜色。因此，有一个框，改变颜色随机从一个数组点击。当方框改变颜色时，我的儿子应该以输入的形式写出所呈现的“颜色”并检查。这是我的代码，颜色是随机选择的，盒子改变它的颜色。当没有输入它的书写-没有值，但我有一个问题，正确的颜色，当我输入正确的颜色，我希望它是写Bravo等。我不知道为什么不工作，当我比较。
document.getElementById("inputResult") === pickedColor;
所以我所有的代码如下：
<style>
#box {
浏览 2提问于2018-09-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
