更改链接BG颜色onClick
是一个前端开发中常见的需求，它指的是在用户点击链接时，通过JavaScript代码改变链接的背景颜色。
具体实现方式可以通过以下步骤进行：
- 在HTML中，为需要更改背景颜色的链接添加一个唯一的id属性，例如：
<a id="myLink" href="#" onclick="changeColor()">点击我</a>- 在JavaScript中，编写一个函数来更改链接的背景颜色，例如：
function changeColor() {
var link = document.getElementById("myLink");
link.style.backgroundColor = "red";
}在这个例子中，点击链接时，会调用changeColor()函数，该函数通过getElementById()方法获取到id为"myLink"的链接元素，并使用style属性来更改其背景颜色为红色。
这种方式可以应用于各种场景，例如在网页中实现点击链接时的视觉反馈效果，或者在表单中验证用户输入时，将错误的链接标记为红色等。
腾讯云提供了丰富的云计算产品和服务，其中与前端开发相关的产品包括：
- 腾讯云CDN（内容分发网络）：用于加速网站内容分发，提高用户访问速度和体验。产品介绍链接：https://cloud.tencent.com/product/cdn
- 腾讯云COS（对象存储）：提供高可靠、低成本的云端存储服务，适用于存储和管理各种类型的文件和数据。产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云Web应用防火墙（WAF）：用于保护网站和应用程序免受常见的Web攻击，如SQL注入、XSS等。产品介绍链接：https://cloud.tencent.com/product/waf
请注意，以上仅为腾讯云的部分产品示例，更多产品和服务可在腾讯云官网进行了解和选择。
相关·内容
3回答
我想在Blazor中更改导航栏的背景颜色，但我找不到方法。我想这不会那么难。有人能告诉我吗？
<div class="top-row pl-4 navbar navbar-dark bg-primary ">
<a class="navbar-brand bg-primary" href="">Test</a>
<button class="navbar-toggler bg-primary" @onclick="ToggleNavMenu">
浏览 2提问于2020-05-05得票数 5
1回答
我正在使用Jquery手风琴。我有每个div 10或更多的复选框。我使用Jquery切换类并更改BG颜色。我还将每个复选框的状态保存到数据库中。当页面再次加载时，它确实会显示每个复选框的正确状态，但不会更改类，我相信这是因为在更改时会发生这种情况。此外，如果选中了div中的所有复选框，则需要能够更改标题颜色。我现在使用的Jquery是
$('input[type=checkbox]').on('change', function () {
$(this).closest('fieldset')
.removeClass('bg-i
浏览 1提问于2016-05-12得票数 3
回答已采纳
2回答
目的:通过单击一个按钮在黑色和白色之间切换背景颜色。
以下是我的代码，它不能工作。
<html>
<body id="pageBody">
<style>
body {background: #000000; color: #FFFFFF;}
</style>
<p>A sentence.</p>
<button type="button" onclick="changeBG()">Change BG</button>
<script>
f
浏览 2提问于2014-06-25得票数 0
1回答
我的网页上有几个功能不起作用，这里有一个-
<p> Change background color</p>
<input name="bg" value="cyan" id="cyan" type="radio" onclick="changebgcolor(this);">"Cyan"
<input name="bg" value="magenta" id="magenta" type
浏览 0提问于2016-11-19得票数 0
我的布尔状态是bgWhite。如果它改变了，我会改变背景颜色。所有这些都在页面目录中的index.js文件中。
我如何从组件访问状态bgWhite来做一些事情，比如更改bg颜色？
import { useState } from "react";
import Hello from "../components/Hello";
export default function Home(props) {
const [bgWhite, setBgWhite] = useState(true)
return (
<div>
浏览 7提问于2022-07-12得票数 0
回答已采纳
我在安卓系统中有ListView，它包含我的对象。每行的背景色代表对象的状态，因此我希望对不同的行有不同的颜色，但是我想拥有onClick动画。此外，一些行具有默认bg颜色，因此我希望为它们保留默认的onClick动画。
在ArrayAdapter中，如果我设置背景色getView()方法-动画停止工作。我怎么能同时拥有动画和非标准bg颜色？
更新1：我的getView方法如下所示：
public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
浏览 3提问于2020-05-17得票数 0
1回答
有谁知道如何在横幅视图中更改标题颜色？我尝试在SDK中使用一些额外的参数，但无法将标题颜色(如白色)更改为另一种颜色(如红色)：
GADAdMobExtras *extras = [[[GADAdMobExtras alloc] init] autorelease];
extras.additionalParameters =
[NSMutableDictionary dictionaryWithObjectsAndKeys:
@"AAAAFF", @"color_bg",
@"FFFFFF", @"color_bg_top&
浏览 1提问于2014-05-13得票数 0
我有几个html元素，如body、div和nav，其背景色可由用户全局更改。
这些元素使用特定的class name作为目标。
它的工作方式是:有3个按钮来更改3个元素的bg.color。当用户单击按钮时，它将打开一个包含所有可用颜色的模式，其中至少有300种不同的颜色。一旦他们点击了一个hex value，所有具有特定类名的元素都会改变它的颜色。
请参阅下面的示例。为了简单起见，我删除了这个模型，只针对一个类名：card-bg。
function changeBgColor(color){
var elements = document.getElementsByClassNam
浏览 6提问于2021-11-28得票数 0
回答已采纳
1回答
我希望使用jQuery更改div的背景色点击(我已经工作了！)不过，单击一次就会改变所有的div颜色，我想知道是否有任何方法可以更改已单击的特定元素的颜色而不影响其他元素？
$(document).ready(function() {
$(".bg").click(function() {
$(".bg").css("background-color", "red");
});
});
.bg {
background-color: blue;
}
<script src="https://a
浏览 1提问于2018-09-12得票数 1
回答已采纳
2回答
我想有条件地推广一些道具，但我错了。
类型{ activeStyles：{activeStyles: string；}；onClick：() => void；text: string；}{ inactiveStyles：{ key: string；}；onClick：() => void；text: string；}‘不能分配到键入'IntrinsicAttributes & BtnProps’。键入{ activeStyles：{ key: string；}；onClick：() => void；text: string；}‘类型’BtnProps中缺少以下
浏览 0提问于2021-02-02得票数 2
回答已采纳
6回答
在我的JavaScript程序中，我使用Math.random()随机生成背景颜色。在加载页面时，它会自动生成随机颜色。我也创建了链接点击这里。当用户点击链接时，它也应该生成背景颜色，我使用了Onclick函数并添加了代码来随机生成颜色，但是当我单击链接时，它不会生成。每次我点击链接，它就会产生随机的颜色。有人能纠正我吗？
代码：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#para{
text-align: cent
浏览 0提问于2017-10-12得票数 0
回答已采纳
我需要一个jQuery脚本，可以改变所有td上的颜色，如果它包含一个包含"BG5“的onClick。它需要在IE7上工作。我试过$(“a:包含(‘BG5’)”).css(“background”，"#F6CED8")；
这个是可能的吗？
他们通过按一下按钮来达到这个效果。
<tr bgcolor='#F2F2F2'>
<td>2011-04-18</td>
<td>a</td>
<td>a</td>
<td align=
浏览 2提问于2011-10-23得票数 1
回答已采纳
1回答
我想要更改小工具的背景颜色，但它不起作用(颜色不会改变)，我不知道为什么。
在我的配置活动中，我有一个更改颜色的按钮，例如：
button_black_bg.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
background_color_int = 0x000000;
//set color in widget-preview
浏览 2提问于2014-09-03得票数 0
当我在访问过的链接上悬停时，颜色会发生正确的变化，但背景色却不会。我注意到可以通过为a设置背景色来解决这个问题，但是为什么会这样呢？
a {
text-decoration: none;
color: inherit;
}
.link-1:visited,
.link-2:visited {
color: violet;
}
.link-2 {
background-color: yellow;
}
.link-1:visited:hover {
color: cyan;
background-color: orange;
}
.link-2:visited
浏览 5提问于2022-10-16得票数 2
回答已采纳
我有一个chrome扩展，当我右键单击它时，我希望能够突出显示文本。现在，我可以让我的按钮出现在右击选项栏上(通过contextMenu的)，但我无论如何也想不出如何改变文本的bg颜色。你知道怎么做吗？
//This block is not working - I want to change selected text bg color
function radioOnClick(info, tab) {
elements = document.getElementsByClassName("author");
for (var i = 0; i <
浏览 0提问于2018-01-22得票数 0
2回答
我需要改变背景的背景颜色的布局，根据点击事件。因此创建了一个选择器并设置了布局的背景。
XML代码: bg.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true"
android:drawable="@drawable/bg_tabselect" /> <!-- pressed -->
<item android:
浏览 3提问于2015-11-30得票数 0
1回答
我是JQuery的新手，在创建允许我遍历键盘上的一组按钮(键盘上的左键和右键)的行为时遇到了麻烦。每次按键都应更改当前按钮的背景颜色。
HTML：
<div id="featured_video_button_controls">
<input class="featured_video_buttons" type="button" value="Fullscreen" />
<input class="featured_video_buttons" type="
浏览 0提问于2011-07-21得票数 0
回答已采纳
1回答
所以这里有一件奇怪的事情，关于bootstrap中的custom.scss文件，我今晚发现了，我想知道我是不是遗漏了什么。假设我将颜色$blue设置为自定义值(在本例中为#000，只是为了便于阅读)，并按照预期删除_custom.scss中的!default标志。在品牌文件中，$ _variables.scss -primary颜色设置为$blue，并带有!default标志。然后，$btn-primary-bg被设置为$brand-primary，也带有一个!default标志。所以，我的想法是，如果我设置：
$blue: #000000;
在custom.scss文件中，它应该使用$blu
浏览 14提问于2017-03-10得票数 3
万岁，
我不知道为什么下面这几行代码不能工作。我的目标是在链接悬停时更改文本的颜色。
self.syncFolderSelection_addFileTypesTextBrowserInTable.setStyleSheet("QTextBrowser:hover{color:#00ff00;background-color:#ff0000;}")
BG颜色更改没有任何错误，但前景色不是。有谁能纠正我吗..
浏览 2提问于2010-03-01得票数 0
<!-- this is a style sheet -->
body{
background: <?php echo $_COOKIE['bg_color'];?>;
background-image: <?php echo $_COOKIE['bg_img'];?>;
}
<!-- end style sheet -->
在上面的样式表中，我只想要一件事，如果用户给出背景颜色，那么它只显示背景颜色，否则如果用户给出背景图像，那么它只显示图像，为此我使用了cookies。
用户只能从背景图像或背景
浏览 0提问于2015-11-13得票数 1
我想给我的Print this Page按钮一个特殊的神奇属性，使它自动启用默认的未设置属性(见图片)，即打印背景的div颜色和bg图像等。
<a href="#" onclick="javascript:window.print()"><? echo __('Print'); ?></a>
线索，想法，代码，答案或建议，因为答案都是令人震惊的欢迎，我将感激任何提示，为这个梦想的实现。提前谢谢。
浏览 3提问于2011-03-21得票数 3
回答已采纳
3回答
当我使用下面的代码时，它会显示一个简单的警告框
<button onclick="alert('AlertBox')">Click Me</button>
但他们有没有办法有一个警告框，具有额外的bg颜色和一些额外的效果外观？
浏览 0提问于2016-12-14得票数 0
2回答
我有一个警报对话框，其中包含多重选择项和所有其他功能都很好。我对复选框的颜色有问题，它显示的颜色与我的应用程序颜色不匹配。我试过了setcustombuilder，但它不起作用。请帮帮忙。我不想使用listview。
final String[] ratings = {"2015","2016"};
final AlertDialog.Builder builder = new AlertDialog.Builder(this);
final boolean[] ratingschecked = {false,false};
builder.setTitle(
浏览 7提问于2016-01-25得票数 1
回答已采纳
这就是我到目前为止所做的：-一个有20到30个单元格的表格-每个单元格都有一个复选框和一个值(当然是不同的值)-两个按钮来触发全选和全选复选框。
到目前为止的代码：-要触发，请选择全部/无：
Javascript：
function set_checked(checked) {
$('input[name=test]').attr('checked', checked);
}
按钮：
onclick="set_checked(true)" and onclick="set_checked(false)" for both
浏览 3提问于2012-03-14得票数 0
回答已采纳
1回答
有一个应用程序，真的困扰我和我的眼睛，因为看到一个非常大胆的红色背景颜色的身体。我想要改变这一点，并且希望即使在页面刷新之后，更改仍然保持不变。有这样的事吗？是否有一个附加的或铬插件或任何东西来做这项工作？
我知道如何从检查器更改bg颜色，但随着页面刷新而消失。
浏览 3提问于2016-11-16得票数 0
回答已采纳
我希望用#111文件中的#222 (新颜色)替换所有jQuery颜色(示例颜色)。我想这样做，以改变的主题，网站的单一点击。
初始css:
body{
bg-color:#111;
color:#111;
}
div1{
bg-color:#111;
color:#111;
}
.
.
.
divn{
bg-color:#111;
color:#111;
}
单击事件后的：
body{
bg-color:#222;
color:#222;
}
div1{
bg-color:#222;
color:#222;
}
.
浏览 3提问于2012-12-28得票数 0
2回答
这个非常简单的切换在react中并不适用于顺风CSS。当我点击“切换颜色”按钮时，div的className在bg-#222222和bg-#DDDDDD之间变化，但是div实际上从来没有颜色--它有className，但是顺风似乎无法填充背景属性。
import React, { useState } from "react";
function App() {
const [color, setColor] = useState('222222')
const toggleColor = () => color === '222222&
浏览 9提问于2022-06-08得票数 2
我有一个按钮，可以是2个变体:包含，概述 如何在指定按钮变体时仅选择其子颜色 const variants = {
contained: {
red: "bg-red-600 text-red-100 active:bg-red-700 hover:bg-red-700",
disabled: "bg-gray-450 text-gray-100"
},
outlined: {
white: " bg-transparent border-red-100 text-red-100
浏览 14提问于2021-08-10得票数 0
1回答
顺风-条件类呈现
、、
我正在尝试使用Reactjs、故事书和顺风来创建一个自定义的UIUX库，但是我不能让类的条件呈现工作，它至少不能在故事书中工作(对于任何类，圆角，bg颜色，颜色等等)，我看不到任何更改和检查CSS，没有应用CSS。
编辑：
我试图添加的类不是连接的，它们是完整的类名，如"bg-red-500“、"bg-green-600”等。
我有这样的代码：
import React from 'react';
import cx from 'classnames';
interface ButtonProps {
label: string;
浏览 4提问于2022-02-19得票数 2
回答已采纳
1回答
我的导航栏的背景颜色在标题中是透明的。但当我向下滚动，导航栏进入下一部分时，我希望它的背景颜色变为黑色。我试过的代码不起作用。请看一下，看看我哪里错了？谢谢!
HTML：
<div class="header" id="header">
<div class="container">
<div class="img"><img src="img.jpg">
<button><a role=&
浏览 2提问于2016-07-29得票数 0
2回答
触发器与依赖项属性的优先级
、、、、
我有一个关于属性值优先性的问题。我的.xaml看起来如下所示：
<Window x:Class="WpfTests.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local ="clr-namespace:WpfTests"
Title="MainWindo
浏览 0提问于2015-06-09得票数 1
回答已采纳
var color = "rgb(" + Math.floor(Math.random() * 256) + "," + Math.floor(Math.random() * 256) + "," + Math.floor(Math.random() * 256) + ")";
document.getElementById("name").innerHTML = color;
document.getElementById("bg").style.backgroundColor = col
浏览 43提问于2017-11-07得票数 0
回答已采纳
2回答
嗨，我正在做一个python gui项目，我发现我的应用程序框架的颜色取决于用户的系统主题颜色。我希望我的应用程序具有相同的颜色，我可以知道如何实现这一点吗？我的应用程序主要是针对windows的，但如果有针对linux的方法，那就更好了。我正在使用tkinter btw。
或者，既然我们有os.system(command)，那么如何从命令行获取颜色呢？
更新:我尝试了中列出的输入，但都不起作用，我的系统的主题颜色为light blue
from tkinter import *
if __name__ == '__main__':
root = Tk()
浏览 3提问于2019-10-16得票数 0
您好，我正在尝试改变UiAlertview的BG颜色为绿色，使用SetBGColor它给我以下输出，其中有一个在setBGcolor中指定的深色，任何其他方式来删除背景色或其他东西。
浏览 1提问于2013-05-23得票数 3
回答已采纳
2回答
我有ul列表，其中有一些li，其中也嵌套了li。
我已经添加了js，其中onclick的li，它改变了li的bgcolor，但问题是它也扩展到嵌套的li。
我的代码是：
< ul >
< li >
< a > first </ a>
/%nested ul starts here%/
<li>
Nested Word
</li>
</li>
</ul>
JAVASCRIPT：
$('li').click
浏览 0提问于2017-02-12得票数 0
1回答
我想更改通知的bg颜色。我如何做到这一点，.I是使用尾风作为css框架-工作。
它显示bg-white的加载和成功/错误通知。
class App extends Component {
orderHandler = () => {
toast.loading("Please wait",{
position: toast.POSITION.TOP_CENTER,
progressClassName: 'success-progress-bar',
toastId: 2
});
axios
浏览 7提问于2022-03-04得票数 1
1回答
在我的故事板中，我有一个带有文本字段的视图控制器。看起来是这样的：
白色bg-颜色-如果我开始我的应用程序，文本字段bg-颜色是灰色的。
看起来不太好
为什么？我没有设置bg颜色的Swift代码。有什么想法吗？
(白色bg-颜色)
浏览 2提问于2017-05-04得票数 0
我需要填充整个单元格，这是基于特定计数sql的颜色，这取决于返回的数量。
我尝试过的解决方案：
提供基于计数的background_color替换字符串的pl/sql。此字符串以列格式的形式传递，如下所示
<table>
<td WIDTH=30 HEIGHT=30 onclick="window.open('http://page.com" bgcolor=#BG_COLOR# >#COUNT(*)#</td>
</table>
page.com是在同一个窗口中显示sql的所有结果(不计数)的页面。
问题：
整个细胞
浏览 0提问于2012-11-14得票数 1
2回答
更改图像映射的颜色
、、、、
如何更改映射选择(区域)的颜色？此css："area { background-color: red；}“不起作用。
<img id="map1" src="images/bg.png" usemap="#map1" />
<map name="map1">
<area shape="poly" onclick="openNav()" shape="poly" coords="902,516,936,496,940
浏览 0提问于2017-03-30得票数 0
1回答
嗨，我试着创建一个带有不同颜色标记的小叶地图。有3个按钮，每个按钮上都有onClick事件。当我点击其中一个时，它会将"Activate“类添加到我点击的那个类中，并从另外两个类中删除"Activate”。 然后我有3个函数，每个标记颜色一个和一个读取选择器激活类的函数。 A具有Activate =蓝色标记和警报‘蓝色’，B具有Activate =绿色标记和警报‘绿色’，C具有Activate =黄色标记和警报'...Yellow!‘。 还可以从readSelector中加载 这种方法效果很好，但只有一次。alert在我每次点击一个按钮的时候都会起作用，有良好的警告，
浏览 35提问于2020-04-02得票数 1
回答已采纳
4回答
Android Studio 3.6
以我的风格。xml
<style name="buttonStyle">
<item name="android:textColor">@color/default_button_textColor</item>
<item name="android:backgroundTint">@color/button_bg_color</item>
<item name="android:te
浏览 2提问于2019-10-27得票数 4
回答已采纳
1回答
如何在vimeo视频的vp控制中设置播放栏和播放按钮的样式(更改:bg颜色、边框半径等)。我的vimeo在iframe中嵌入了vimeo-player。我想用js/html/css？
浏览 39提问于2021-11-21得票数 0
我正在尝试根据颜色名称更改颜色主题。
这在大多数情况下都工作得很好，除了我不能改变滚动条托盘的背景颜色：
你知道那个元素的主题颜色名称是什么吗？
主题示例：
/**
* List of colors:
* https://github.com/Microsoft/monaco-editor/blob/master/test/playground.generated/customizing-the-appearence-exposed-colors.html
*/
export type Theme = monaco.editor.IStandaloneTh
浏览 0提问于2018-08-18得票数 2
我需要这个脚本工作得很好。我试着修了一整天了。基本上，无论何时单击列表中的示例，它都需要更新正常背景或悬停背景(当用户选择时)。但是它需要in，所以我可以添加链接作为新的例子，所以每当我添加一个新的在它的'name‘中有值的时候，它就需要是一个新的例子。
这就像是有相同的脚本，但有两次。一个用于普通bg，另一个用于悬停。
还有一个列表显示/隐藏脚本，我还没有弄清楚如何工作，我不是一个javascript脚本编写者，但我设法在几个小时内完成了。
我真的需要一些帮助，如果你能帮我，我将不胜感激。谢谢。/Edward
jsfiddle.net/5tq2Y这就是小提琴。但由于某些原因，它不能工
浏览 0提问于2013-02-27得票数 0
回答已采纳
1回答
如何用按钮更改站点的背景？
、、、、
我试着用按钮来改变背景，但我不能.
我创建了一个按钮，该按钮在单击按钮时更改了背景的颜色，但在我将图像作为背景添加后，它不想更改颜色背景(显然).
<head>
<style>
:root{
--main-bg: url(https://www.the url of my bg.jpg);
}
</style> // creating a variable for the bg of my site
<style>
body {
background: var(--main-bg) repeat-x;
}
</style&
浏览 0提问于2019-05-26得票数 0
回答已采纳
我已经使用SwipeListView显示了一些内容。我希望Listview的颜色在被触摸、滑动和选择其他行时变为黑色。我该怎么做呢？我已经尝试了以下方法，但没有任何帮助。
main.xml
<com.fortysevendeg.swipelistview.SwipeListView
android:id="@+id/example_swipe_lv_list"
android:layout_width="fill_parent"
android:layout_height="wrap_con
浏览 1提问于2014-04-15得票数 0
1回答
我在上看到了暗模式下的特殊颜色，，这是图
我想知道怎样才能重现这一切？带有渐变颜色或其他css属性？
我想看看他们是怎么做的，只检查了他们的css
--tw-bg-opacity: 1;
background-color: rgb(15 23 42/var(--tw-bg-opacity));
这只是背景颜色。
如果你知道怎么做，请告诉我。谢谢!
浏览 14提问于2022-04-17得票数 0
回答已采纳
1回答
我使用引导程序来定义更少的变量，以@body-bg为例。我创建了一个定义@background的颜色主题。为了将两者结合在一起，我做了以下工作：
@body-bg: @background
现在，我希望能够在颜色主题之间切换。因此，我使用了更少的“监视功能”来更改@background，但是更少的功能似乎并没有将其传播到@body-bg，它实际上切换到了引导默认设置。
我不想做以下任何一件事
less.modifyVars({ '@body-bg': '#FFFF00' })
less.modifyVars({ '@background'
浏览 1提问于2013-11-01得票数 2
回答已采纳
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
我想在对话框中改变editetext的底线颜色。我有一个自定义的对话框布局，我对每个edittext都使用了这种样式，但它根本不起作用，而且我得到了一个黑色的底线：
这是样式代码：
<style name="edittext_line" parent="Widget.AppCompat.EditText">
<item name="colorControlNormal">@color/dialog_bg</item>
<item name="colorControlActivated"&
浏览 0提问于2016-06-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
