如何通过点击来改变按钮的背景颜色/HTML

我制作了一个类似于“阅读更多”的按钮，当我按下它时，一个文本向下展开。当文本展开时，按钮的背景将改变，当我再次按下按钮关闭文本（例如“阅读更少”），按钮的背景将恢复到原始状态。如何实现这个功能functionmyFunction(){vardots=document.getElementById("dots");varmoreText=document.getElementBy

P粉502608799 2023-09-08 00:04:48 0  1  512

如何同时激活链接和div元素？

当我悬停在div元素上时，只有它会变亮，链接不会。有没有办法让按钮整体变亮，而不是先变亮按钮背景，然后再变亮链接。购买购买购买a:访问过{白颜色}a:悬停:访问过{颜色:RGB(180,179,179);}一条链接{白颜色;背景颜色:rgb(180,179,179);}一个：悬停{颜色:RGB(180,179,179);背景颜色：白色}div.b{白颜色;背景颜色:rgb(180,179,179)

P粉547170972 2023-09-16 16:59:06 0  1  908

在 React 中实现多个按钮：取消选择除单击的按钮之外的所有按钮

我试图实现3个按钮，一旦单击其中一个按钮，它就会更改背景颜色，而其他2个按钮将被取消选择，并且它们的背景颜色将恢复为原始颜色。但是，当我尝试在React中实现它时，它总是落后1个按钮（从某种意义上说，如果我按顺序单击按钮1、3、2，我会将选定的按钮设置为1、3（不是一个错字，就在后面））。这是我针对该特定组件的代码。importReact,{useEffect}from"react&qu

P粉099985373 2024-02-26 15:26:22 0  1  321

带箭头的'阅读更多”按钮

我正在尝试制作一个带有右箭头的“阅读更多”按钮，如图所示。背景颜色为白色，整个按钮必须如下所示。我正在使用以下代码。这里的箭头是白色的，所以在我的项目中我只能看到“查看配置文件”按钮，但由于背景颜色而看不到箭头。如何更改箭头颜色？<buttonclass="c-btn">ViewProfile</button>.c-btn{border:none;bac

P粉616111038 2023-09-09 12:16:11 0  1  606

javascript - 关于单选框的问题，小白一枚，希望有人帮帮忙

公司要做个活动页，4个按钮，点击按钮的时候，就相当于选中状态，更换背景图片。 点击下一个的时候，如何让上一个恢复到原来的状态。

PHP中文网 2017-05-24 11:36:42 0  4  688

使用Tailwind CSS更改父级div的样式，以响应单选按钮的选中状态

我有一个带有多个列和每行一个单选按钮的表格。当我选择特定的按钮时，我需要改变整行的背景颜色。这个能实现吗？{{user.email}}{{user.name}}在Tailwind中，可以使用"peer"类来样式化相邻的块。但是我需要样式化父级块（当被选中时，父级块的背景颜色应该改变）。

P粉718165540 2023-08-15 23:49:52 0  1  592

WordPress - 执行按钮上的onclick函数，当页面加载时

背景我正在创建一个注册页面，并希望在用户按下“创建账户”按钮时运行一个函数。我有一个如下的按钮：<buttontype="submit"name="wp-submit"onclick="register_process();"data-ppt-btnclass="mt-5"><?phpecho__(&

P粉575055974 2023-08-30 00:33:02 0  1  620

将标题重写为：将重点放在控制台按钮的工作上，而不是其他区域

我有4个按钮，当点击它们时，我试图将焦点设置在它们上面，以便用户可以看到当前活动的按钮。由于某种原因，在控制台中它的工作方式如预期一样，当点击按钮时，它会添加焦点，根据CSS更改背景颜色，然后当点击另一个按钮时，第一个按钮失去焦点，新按钮获得焦点。当我没有打开控制台时，它不起作用。constoneYear=document.getElementById('1Year');constfiveYear

P粉315680565 2023-09-02 09:28:50 0  1  472

点击后如何改变文本的颜色？

我想要做的是改变按钮背景的颜色，同时改变按钮内部的文本颜色。按钮的颜色已经改变，但文本颜色没有改变。我尝试将hover应用于文本，但只有在鼠标触摸文本时颜色才会改变。<liclass="text-gray-900cursor-pointerselect-nonep-4text-smmd:hover:red"id="listbox-option-0"ro

P粉064448449 2023-08-30 20:19:37 0  2  536

如何在某些按键上更改空 HTML 中的背景颜色（绿色/红色）？

有人有关于如何在按下某些按钮时更改HTML中的背景颜色的解决方案吗，例如字母A。每当我按下按钮时，颜色就会切换为其他颜色（红色变为绿色，或绿色变为红色），并保持这种状态。但好处是，当我不专注于网络浏览器时它可以工作，因此当我通过浏览器使用其他应用程序时它也可以工作。抱歉菜鸟问题和语言障碍。谢谢您的回复。与此链接类似，但应该位于按键上：如何仅使用一个按钮更改不同的背景颜色

P粉211273535 2023-09-07 10:08:19 0  2  628

使用useEffect来保持背景颜色状态的技巧

我正在尝试保存愿望单切换按钮的背景颜色，以便当用户跨页面时，按钮的颜色保持为“黑色”，以向用户显示他们已经将该物品保存到愿望单中。constItem=(props)=>{constdispatch=useDispatch();const[background,setBackground]=useState(false);functionaddToCartHandler(product){di

P粉131455722 2023-08-18 15:08:53 0  1  505

地面滤镜模糊过渡问题

按下按钮会模糊背景，但在过渡时，div的边缘过渡效果不佳。除了Firefox之外的所有浏览器都存在此问题，我该如何修复它？varbtn=document.querySelector('button');vardiv=document.querySelector('div');btn.addEventListener('click',function(){div.classList.toggle('

P粉314915922 2024-04-01 23:10:22 0  1  438

javascript - vue2.0子组件只向父组件传递数据?

这是父组件 这是子组件 效果说明一下:通过点击"全部",'推荐','吐槽'来改变selectType的值来实现点击选中按钮背景的切换,通过点击'对号'改变背景来显示选中和未选中,这样子组件中的slectType和onlyContent这两个值...

给我你的怀抱 2017-05-19 10:34:07 0  2  772

javascript - 谷歌完全可以IE直接挂掉,IE11貌似到寒兰效果有效,侧边栏没法收放求解决,IE兼容性小白................

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; {代码...} &lt;/html&gt; CSS:***{ {代码...} }body{ {代码...} }/导航栏背景/.nav{ {代码...} }/导航栏按钮/.box{ {代码...} } .box a { {代码...} }/处理I

为情所困 2017-05-19 10:35:10 0  2  530

如何在HTML中创建一个与表格最后一行具有相同属性的按钮？

考虑我在HTML中有一个表格：首页服务联系人现在我只想在这个表格的末尾添加一个按钮，这个按钮的宽度必须与表格的最后一行（即“联系人”）的宽度相同（由其背景颜色表示）。现在，我该怎么做呢？当我创建一个按钮时，它只有自己创建的宽度：点击现在我需要一个JavaScript代码，将按钮myBtn元素的宽度设置为“联系人”行的宽度吗？

P粉394812277 2023-09-16 22:19:11 0  1  672

PHP JS 移动端按钮点击变色，选中的数字组成数组

PHP JS 移动端数字按钮点击后背景颜色变色，选中的数字组成数组，假如选了1,3,9这三个数字按钮会变红色，点确定之后变量ABC=1,3,9自己写了，ios可以，安卓不行，有哪位大神可以帮下忙呢？麻烦大神们附上整页代码，新手看一段的话很懵逼。。。。

HARDWARE 2018-03-06 00:10:45 0  0  1195

制作可自适应屏幕大小的按钮-背景图像的用法详解

我正在开发一个需要多个图形并排显示并且能够根据设备屏幕大小自适应的pfsensecaptiveportal。使用图像输入类型可以很好地实现这一点。然而，pfsense设备无法正确识别此提交。它需要一种带有值为“Continue”的提交类型才能工作。我尝试使用背景图像来替代，但是背景图像无法缩放。随着屏幕变小，它会显示为全尺寸并被裁剪。我该如何使背景图像自适应大小？#content{font-fam

P粉345302753 2023-08-16 13:38:12 0  1  616

PHP实现页面间的链接和背景图片设置

我需要帮助在php中将两个网页链接在一起，我希望我的用户点击一个按钮然后跳转到下一个页面？有没有相关的代码可以实现这个功能另外，如何在我的整个php网站上添加背景图片？

P粉009828788 2023-09-14 22:34:32 0  1  551

创建穿孔容器：分步指南

我正在制作有关如何首次使用我的应用程序的教程。所以它看起来像一个关于如何使用按钮的弹出窗口在教程中，我想让背景变暗，并出现一个圆圈，该圆圈将围绕按钮，并且有一个教程文本所以，我想制作一个有圆孔的容器这是一个简单的例子：<head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible&q

P粉426906369 2024-03-31 11:20:02 0  2  425

使用 jquery 动态更改 css 文件中的静态颜色

我有多个按钮，并且我有一个名为bg的类。在CSS文件中，我设置了该bg类的样式，但同时，我希望能够从JS文件动态更改其颜色。背景只有一种颜色，但我可以制作我想要的不同颜色，例如，颜色代码来自API（红色代表test1，黄色代表test2等）。我想使用出现的任何代码。比如去test2页面，那么背景是黄色的。我可以通过在css文件中创建类test1和test2来做到这一点，但它没有用，因为可能有数百个

P粉459440991 2024-03-19 23:24:43 0  1  342