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

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

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

css - Angular2中怎么不通过路由实现多个button的切换效果？

如何不用路由实现点击按钮时，当前按钮背景颜色变成蓝色，其他按钮背景颜色任然是灰色的效果呢？

漂亮男人 2017-05-15 17:13:11 0  3  802

angular.js - angularjs如何优雅的实现多个按钮之间触发其中一个的激活样式?

如图，有三个按钮，单击其中任意一个，按钮变成蓝色背景，其他两个按钮恢复默认白色 {代码...} 在控制器中： {代码...}

世界只因有你 2017-05-15 17:02:24 0  1  575

如何同时激活链接和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  937

在 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  351

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

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

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

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

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

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

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

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

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

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  656

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

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

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

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

我想要做的是改变按钮背景的颜色，同时改变按钮内部的文本颜色。按钮的颜色已经改变，但文本颜色没有改变。我尝试将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  569

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

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

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

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

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

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

地面滤镜模糊过渡问题

按下按钮会模糊背景，但在过渡时，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  477

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

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

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

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

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

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

angular.js - angular2 属性组件与控件组件之间如何通信

1、从控件库拖拉已有控件能生成元素，并显示出该元素的一些属性，如下图 现在怎么实现最右边属性组件改变，而中间元素的相应属性同时发生改变，例如：我点击背景，选择某个颜色，按钮的背景色发生改变。生成的元...

世界只因有你 2017-05-15 17:09:54 0  1  649

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

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

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

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  544