更改bootstrap 4中按钮过渡的目标背景颜色
在Bootstrap 4中，可以通过自定义CSS样式来更改按钮过渡的目标背景颜色。具体步骤如下：
- 首先，在HTML文件中引入Bootstrap 4的CSS文件和JavaScript文件。可以通过以下链接获取最新版本的Bootstrap 4文件：
- 在HTML文件中创建一个按钮元素，并为其添加Bootstrap 4的按钮类。例如：
- 在HTML文件中创建一个按钮元素，并为其添加Bootstrap 4的按钮类。例如：
- 在CSS文件中定义自定义样式，以更改按钮过渡的目标背景颜色。例如，将过渡的目标背景颜色更改为红色：
- 在CSS文件中定义自定义样式，以更改按钮过渡的目标背景颜色。例如，将过渡的目标背景颜色更改为红色：
- 将CSS文件与HTML文件关联起来，确保自定义样式生效。
这样，按钮在过渡时的目标背景颜色就会被更改为红色。你可以根据需要自定义其他颜色。
腾讯云提供了一系列云计算相关产品，其中包括云服务器、云数据库、云存储等。你可以根据具体需求选择适合的产品。更多关于腾讯云产品的信息，可以访问腾讯云官方网站：腾讯云。
相关·内容
1回答
我想要更改当鼠标悬停在按钮上时按钮的行为。默认情况下，当鼠标悬停在按钮上时，按钮的背景会变暗。我想通过修改bootstrap源代码中的_variables.scss文件中的变量来更改此行为。但我能找到的关于这件事的唯一变量是： $btn-transition: color .15s ease-in-out, background-color .1
浏览 26提问于2019-01-03得票数 0
回答已采纳
2回答
CSS3转换
、、
当鼠标悬停在按钮/目录标签上时，我希望仅使用CSS3过渡来更改页面的背景颜色。我希望颜色渐变，因此希望使用过渡效果，但我不知道如何将页面的背景颜色与div上的悬停事件联系起来。有没有人能帮我写代码？
浏览 0提问于2012-03-18得票数 0
回答已采纳
2回答
我有这个代码嵌入我的网站从Setmore允许预约在网站上预订，这会打开一个弹出窗口在网站上，就像你在酒店预订网站上期望的那样。bookappt/SetMore-book-button.png" alt="Book an appointment with HouseKeep using SetMore" /></a>
这使用了一个非常无聊的按钮，所以我在photoshop中做了一个自定义的按钮来替换。solid
浏览 0提问于2016-09-17得票数 0
我正在使用bootstrap4，并尝试使用SASS更改一些按钮的颜色。在我的自定义SCSS文件中，我有以下内容...@import "node_modules/bootstrap/scss/bootstrap";
"primary": red编译后，它可以正常工作。现在我想用同样的方法修改主键的禁
浏览 0提问于2020-11-01得票数 0
我有一个按钮，当我悬停时改变颜色，当我点击它时再次改变颜色。我试图使用过渡属性只针对背景颜色变化的悬停，而不是活动的。然而，过渡属性同时针对这两个目标。有什么解决办法吗？
浏览 6提问于2022-08-10得票数 -1
2回答
我想在滚动时平滑过渡和改变背景颜色，最好只使用CSS，下面就是一个很好的例子：
如何在更改背景颜色时实现平滑过渡？另外，当单击导航栏上的按钮时，导航到页面的特定部分？我试图检查源代码，但没有任何帮助。谢谢你，一定会投票支持并接受答案的。
浏览 10提问于2017-02-10得票数 3
4回答
在bootstrap.css中改变了按钮btn-primary在不同状态下的颜色，但不知何故能够悬停，它只有一半。在哪里可以修复呢？谢谢。
浏览 9提问于2013-10-05得票数 4
现在，当我通过深色/浅色主题按钮切换颜色模式时，页面背景颜色将在0.2秒左右的时间内混合为新的背景颜色，所有其他颜色将立即更改为新颜色。我想定义一个颜色模式切换转换时间，或者至少让元素之间的转换时间相同。
我只是明确地设置了所有内容的背景，这样所有内容都会立即改变颜色。但如果我能有一个快速的<
浏览 10提问于2021-07-23得票数 0
下面是一个CSS代码片段，用于在悬停按钮时将按钮从#33ae74转换到#1ce。我的问题是:在鼠标悬停之前，没有过渡绑定到按钮，为什么当鼠标悬停时过渡会起作用？在另一种情况下，当鼠标悬停时，过渡绑定到按钮上，同时背景颜色也立即更改为#1ce，因此应该不会有颜色过渡。
浏览 0提问于2021-03-29得票数 0
1回答
我使用的是一个基于iOS 5故事板的项目。在呈现模式视图控制器时，我选择使用水平翻转过渡。在过渡期间，背景是黑色的，考虑到我的应用程序的设计，这并不是特别美观。如何在过渡期间更改背景颜色？在非故事板项目中，我可以更改MainWindow.xib的背景颜色，但由于此文件不再出现在故事板项目中，因此无法这样做。此外
浏览 2提问于2012-04-28得票数 3
回答已采纳
1回答
我的网站有照片幻灯片，在它的一个部分下方的标题。当幻灯片到达第三张照片时，它就停止了。我想知道如何使第三张照片转换回第一张照片，然后继续在这个循环使用相同的动画在所有的照片？动画是下一张从当前照片右上方滑入的照片。我的密码在下面。<!
浏览 3提问于2017-03-24得票数 0
回答已采纳
所以我正在建立一个使用twitter bootstrap的网站。我想为.nav-pills导航栏添加一个背景色。但我不知道该怎么做。不过，我确实改变了按钮的颜色。如何在不更改任何按钮的情况下更改导航栏的背景颜色？
非常感谢!
浏览 8提问于2013-10-11得票数 2
当当前幻灯片是绿色背景的幻灯片时，顶部导航栏为绿色以匹配.橙色和红色也是如此。因此，当幻灯片更改为具有橙色背景的图像时，顶部导航栏将更改为具有相同颜色的背景。我猜问题是，CSS3颜色动画不会直接从一种颜色改变到另一种颜色，而是动画化过渡，在过渡期间经历各种中间颜色。
把肚脐放进旋转木马里似乎不管用。我希望这将有助于我同步导航条<
浏览 2提问于2014-10-08得票数 0
回答已采纳
2回答
我正在为btn使用引导程序，所以我在创建div类时需要这个词。我们如何使一个btn黄色和另一个蓝色？我试着用id做这件事。我哪里出错了？_form <span class="glyphicon glyphicon-plus"></span>
<%= button_tag(type: 'submit', cla
浏览 12提问于2015-03-26得票数 1
回答已采纳
2回答
我试图实现按钮类似的图标在行动栏，即透明的图像，改变背景颜色的点击。
矩形可编程更改颜色。我尝试使用Drawable来表示矩形，然后将其设置为按钮的背景，但它扩展到按钮的边缘，因此单击时没有需要更改的
浏览 5提问于2013-05-23得票数 0
回答已采纳
我有一个按钮，它可以在页面中来回滑动。我想保持这种转变。同样的按钮有一个不同的背景颜色，当你悬停在它上面，但它是过渡到那个背景色，我不想那样。如何保持幻灯片效应的过渡，但如何消除悬停效应的过渡。这是具有幻灯片和悬停转换的原始代码：button { cursor:pointer;
浏览 4提问于2015-06-05得票数 0
回答已采纳
1回答
如果我将背景颜色更改为蓝色，您可以看到哪个部分被图像覆盖，哪个部分不被覆盖：我使用的是背景色黑色(#000000)，所以它看起来或多或少还可以，但让我恼火的是，如果你仔细观察，你会看到图像的右边……例如，背景颜色(#000000)和图像的颜色(一些略有不同的黑色)不完全匹配。我尝试了不同种类的黑色(例如#000008而不是#000000，等等)但是你仍
浏览 1提问于2017-07-24得票数 0
2回答
在iOS 7中，当您将视图控制器推到另一个视图控制器上时，苹果引入了新的转换。过渡带来了很好的动画和背向姿态。后退按钮显示来自前一个视图控制器的标题，这对可访问性很好：
不幸的是，我们的设计需要移除导航栏标签，因为有时它太长了，而且它将导航栏标题移到了右边。UIB
浏览 2提问于2015-12-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
