CSS :按钮文本在单击时移动
CSS（层叠样式表）是一种用于描述网页上元素样式的标记语言。它可以控制网页的布局、字体、颜色、背景等方面的样式。在前端开发中，CSS是不可或缺的一部分。
按钮文本在单击时移动可以通过CSS中的伪类和过渡效果来实现。具体步骤如下：
- 首先，给按钮添加一个class或者id，以便在CSS中进行选择器选择。
<button class="move-button">按钮</button>- 在CSS中，使用伪类
:active来选择按钮在被点击时的状态。
.move-button:active {
transform: translateX(10px);
transition: transform 0.3s ease;
}上述代码中，transform: translateX(10px);表示在X轴方向上移动10像素，transition: transform 0.3s ease;表示在0.3秒内以缓动的方式进行过渡效果。
- 在按钮被点击时，按钮文本会向右移动10像素。
这样，当按钮被点击时，按钮文本就会向右移动10像素。你可以根据需要调整移动的距离和过渡效果的时间。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
- 腾讯云云服务器（CVM）：提供可扩展的云计算能力，支持多种操作系统和应用场景，适用于网站托管、应用程序部署、数据存储、备份恢复等需求。了解更多信息，请访问腾讯云云服务器。
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于图片、音视频、文档等大规模数据存储和分发场景。了解更多信息，请访问腾讯云对象存储。
以上是关于CSS按钮文本在单击时移动的完善且全面的答案。
相关·内容
1回答
CSS按钮调整
、、、
我已经构建了一个自定义的<button>，它完全使用CSS和CSS3设置样式。除了在不同的浏览器上有一些视觉上的麻烦之外，一切都运行得很好。
我注意到，在Internet Explorer和Firefox中，按下我的按钮后，按钮文本周围会出现一个虚线边框，如下所示：
但Chrome或Opera并非如此。
此外，在Internet Explorer和Opera中单击按钮期间，按钮的文本会移动以指示用户单击了该按钮：
这在Chrome或Firefox中不是问题。
有没有办法在CSS中去掉上面提到的浏览器中的虚线边框和移动文本？
浏览 0提问于2012-03-11得票数 2
回答已采纳
1回答
我有一个粘性的标题，有一个按钮出现后，用户滚动一点点。单击按钮时，标题会移动到页面的顶部，但文本会向下移动。单击按钮后，如何将文本保存在适当位置。
另外，在标题移回顶部后，如何确保文本与标题之间的页边距不会增加一倍。这有点难以解释，但你可以自己看。我试着使用<br>，但这不起作用。
var closed = false;
$(document).scroll(function () {
var y = $(this).scrollTop();
if (y > 55 && !closed) {
$('.bottomMen
浏览 2提问于2014-01-07得票数 0
回答已采纳
1回答
在codenameone中，我有一个表单，其中有3个文本字段和1个数据选择器。1.文本字段2.日期选择器3.文本字段4.文本字段当我单击3textfield时，键盘显示，并且有next按钮，当我单击next按钮时，它移动到4 textfield
但是，当我单击1文本字段键盘时，显示的是没有下一步按钮(有完成按钮)，当我单击完成按钮时，它不会移动到日期选择器，所以我在1文本字段上添加了下一步/向下/右键来移动选取器，但当单击完成时，它停留在1个文本字段上
那么，当点击键盘时，如何从一个文本字段中移动日期选择器呢？
浏览 2提问于2014-12-31得票数 0
1回答
所以，这张图片显示了我想要的东西，下面我将更详细地描述它：
所以，我在解释是怎么回事。您有三个主要元素
1)最高文本"Bla bla bla“
2)“点击我”按钮
3)和最低的文本
当您单击该按钮时，将出现错误，如您所见。我希望将前两个元素移动到更高的位置，并且我不希望最低的文本被触动。因此，它应该保持在与书面相同的位置。
我的问题是-如何使用HTML/CSS代码(我不是为了文本外观而询问JS代码)。我需要HTML/CSS将在移动两个第一个元素的反应更高。
浏览 17提问于2017-08-29得票数 2
回答已采纳
1回答
我有一个折叠按钮，用于文本查看，它工作良好，期待jQuery动画功能。
单击按钮时，窗口移动到底部，然后移动到顶部。如果我删除一行(这隐藏了部分文本)，一切正常工作(不移动到底部)。
有什么想法，如何使它工作，而不移动到底部第一？
源代码：
$('.collapse_btn').click(function() {
$('.r1').css({'max-height':r1h_nh});
$(this).hide();
$('.expand_btn').show();
$('html, bo
浏览 0提问于2015-05-09得票数 1
回答已采纳
1回答
我使用的是内容滑块：
当我单击next/prev按钮时(或者当单击分页时)，我希望使用CSS3转换来控制每个滑块的内容如何动画输入/输出。
我想要的是一些非常基本的过渡，这样图标就会在一秒钟或文本之前滑动，并加入一些放松。我有信心我可以做的CSS位，它只是播放每张幻灯片，在点击。我对jquery不太在行。
我该怎么做呢？
到目前为止，这是我的滑块：
//
浏览 1提问于2012-11-22得票数 1
我有一个情况，当我点击一个按钮，我需要当前选择之前的点击。示例代码如下
$('div#test').on('click', 'span', function () {
sel = window.getSelection();
$('div#out p').text(sel.toString());
});
预期的行为如下所示-
当点击图像按钮时，事情就会顺利进行。如果你在点击图片之前做了一个选择，那么你就得到了输出--这里只是你选择的一个副本。
但是，如果单击文本按钮，所选内容就会丢失，结果并不像预期的那样。似乎
浏览 7提问于2014-07-17得票数 5
回答已采纳
使用Froala富文本编辑器，并希望为闪烁光标位于文本框中的元素更改CSS。已经创建了一个自定义按钮，我点击这样做。该按钮可以启动回调函数，但JQuery代码有问题：
callback: function () {
$(this).addClass('big');
}
这不会改变任何事情。使用下面的代码可以更改所有'P‘元素，而不仅仅是光标所在的元素。
callback: function () {
$('p').addClass('big');
}
如何更正这段代码，以便当我移动鼠标单击按钮时，只有闪烁光标的元素才会更改Cl
浏览 0提问于2018-09-11得票数 0
回答已采纳
我不知道Firefox的用户样式表中的哪个css属性导致按钮文本在单击时向右移动。 我正在尝试删除/覆盖此功能。 <button>Why am I moving to the right?</button> 这在Chrome上不会发生 https://jsfiddle.net/xd3tp06n/
浏览 4提问于2019-06-08得票数 1
回答已采纳
在WebKit浏览器上(我在Chrome上测试过，在Mac上测试过Safari )，按钮元素的行为很奇怪：
温在这个小提琴你做了以下几点：
当光标在HTML按钮文本上时，按鼠标左键
将光标(按下)移动到没有文本的按钮区域。
释放鼠标按钮
然后按钮元素上的click事件不会被触发！
HTML非常简单：
<button id="button">Click</button>
CSS一点也不复杂：
button {
display: block;
padding: 20px;
}
JS用于单击捕捉：
button = docu
浏览 13提问于2013-03-28得票数 8
回答已采纳
是否可以在桌面浏览器上添加一些按钮的jquery移动外观和感觉？
我包含了jquery移动css和js文件，当我单击按钮时，它正在做一些幕后的事情，而不是真正带我去我的目的地。当我移除JS (桌面上奇怪行为的原因)时，按预期的那样，按钮不会以我想要的方式呈现。
理想情况下，我只想看到显示按钮的纯css和简化的JS，这样我就可以将它添加到桌面布局中，如果可以这样做的话，这对我的目的是有用的。
不过，我真的不想挖掘所有jquery移动js文件，并弄清楚到底是怎么回事才能把它们拼凑在一起。
我如何才能削减我需要的东西，使我的按钮呈现在桌面上，外观/感觉与移动设备w/o移动设备功能相同。
编辑的答案如
浏览 1提问于2012-12-14得票数 0
回答已采纳
2回答
目前在我的网站上，我正在显示一个ShowModalDialogue来显示一个警告。最近我被要求修改它的行为，如下所示：
较早的行为：
我以前只显示一条警告信息。用户可以单击对话框中的确定或关闭按钮继续操作。
新行为：
我被要求在同一个ShowModalDialogue中插入一个文本框。现在，用户必须在单击OK按钮之前插入其姓名首字母。此外，现在他也不能通过单击关闭按钮来关闭对话框。如果他试图在文本框为空时单击关闭按钮或确定按钮来关闭对话框，则必须打开相同的弹出窗口并显示警告。但问题是，关闭警告消息后，对话框在屏幕上随机移动，即使它的属性已被修改，它将不会移动。
现在我被要求用更好的东西取代这个
浏览 0提问于2013-06-05得票数 1
我想使用按钮将读者重定向到我的侧边栏上的部分，那里有更详细的选项。为了便于定位所需的内容，我希望通过单击顶部菜单上的按钮，除了将屏幕移动到所需的部分(我使用简单的超文本标记语言：<a href="#section1">Section 1</a>获得)外，该部分还会以黄色闪烁一次(用户每次单击链接时都会闪烁一次)。
仅仅使用CSS就可以实现吗？
浏览 1提问于2020-08-19得票数 0
看一看这个(过于简化的)片段：
<div class="container">
<button class="no-select">Button</button>
Container Text
</div>
CSS
.no-select {
user-select: none; /* For comprehension sake, pretend this works for every browsers */
}
当单击、拖动或双击桌面上的按钮时，它会正常工作:按钮内的文本不会突出显示。
浏览 3提问于2021-06-13得票数 2
2回答
我在WPF应用程序中有一个按钮和文本框。文本框中有一个字符串"Hello“，在开头插入(在Hello之前)。当用户单击该按钮时，我希望我的应用程序用Control+Right激活Control+Right事件，因此我文本框中的插入符号移动到单词you之前。当用户再次单击按钮时，插入符号移动到单词guy之前。
我怎么能这么做？
浏览 1提问于2016-05-24得票数 1
2回答
在单击按钮时向上滚动视图
、、、、
我在线性布局中有一个视图和一个文本视图。该LinearLayout存在于ScrollView中。我希望scrollView在单击屏幕上的按钮时向下移动，再次单击该按钮时向上移动
浏览 3提问于2015-03-05得票数 0
2回答
当您单击按钮HTML按钮时，按钮向内移动，从而使按钮内的文本稍微向下移动。我的问题是，当单击按钮时，如何停止按钮的更改(向内)？
我希望你能理解我的问题。
浏览 0提问于2011-11-03得票数 1
回答已采纳
当视图加载时，我在x位置有一个按钮，当一个按钮被单击时，我希望该按钮位于文本字段的正下方。我不想使用像(1,2)这样的静态点，相反，我想使用文本字段的位置，并相对于该文本字段上下移动按钮。任何帮助都是非常感谢的。
@IBOutlet weak var name: UITextField!
@IBOutlet weak var log: UIButton!
name.addTarget(self, action: "name:", forControlEvents: UIControlEvents.EditingDidBegin)
单击文本字段时，我希望该按钮移动到n
浏览 0提问于2016-01-25得票数 0
2回答
我有一个菜单按钮，它一半可见，一半在屏幕外。只有当它是‘悬浮’时，才能看到完整的按钮(我已经为此编写了CSS，该按钮是水平移动的，因此它是完全显示的)。现在，这可以在桌面网站上使用。但是，正如您所知道的，鼠标悬停在移动站点上是不可用的，所以鼠标悬停被转换为单击。单击使按钮完全可见，但当再次单击时它不会再次隐藏，因为我们没有定义单击事件来显示和隐藏它，因为它不会干扰悬停。
因此，是否有任何简短和有效的方法来做到这一点，使悬停工作在桌面上，并单击“在电话上的作品为同一(显示和隐藏)功能？”
您可以使用CSS或jQuery或两者兼用。
浏览 2提问于2016-11-07得票数 0
回答已采纳
我希望按钮在扩展文本区域时提交表单。我该怎么做？
问题是，当我单击表单中的Post按钮时，当textarea展开时，它不会提交表单，相反它会收缩，我需要再次单击它，当它更小的时候，才能提交表单。
当前，为了提交文章，我需要点击文章按钮，而文本区域没有展开。
<form method='POST' action='elsewhere.php'>
<textarea id="textarea" style="width:550px; height:25px;"></textarea>
浏览 3提问于2012-05-13得票数 0
回答已采纳
8回答
我想写一个JS，它可以在单击按钮时更改按钮上的文本(“显示”)，但当单击另一个按钮时，先前单击的按钮将将其文本从“显示”更改为初始文本(如“A”)：1.单击按钮A -> 'A‘更改为“显示”。2.单击按钮B，-> 'B’更改为“显示”，但“显示”(从按钮A)更改为'A‘。
<button id="button1" value="A">A</button>
<button id="button2" value="B">B</button>
<b
浏览 7提问于2016-04-07得票数 1
回答已采纳
我正在使用我的jquery脚本来删除链接，方法是在单击按钮时替换文本。文本末尾的光标出现问题，因为它会将光标移动到文本的开头，例如:当我单击2!旁边时，当我尝试执行以下操作时，它会将光标移动到Video Here 1之前的起始处：
selected_text = window.getSelection().getRangeAt(0).endContainer.wholeText;
$('#text_editor').html($('#text_editor').html().replace('<a href="http://www.goog
浏览 0提问于2019-12-31得票数 0
我有一个按钮，在我的网站上有jquery，改变其他元素的一些css的点击。
我想分配另一个函数来在第二次单击该按钮时撤销css更改。
$('.mobileitem').click(function(){
$('.bottomfooter').css("bottom","75px");
$('#mobilefoot').css("display", "block");
});
我希望能够再次单击.mobileitem，并将其各自元素的css更改为bottom:0 disp
浏览 0提问于2013-05-06得票数 0
回答已采纳
在我的android应用程序中，我有3个按钮(假设A、B和C)。但是，每当我试图移动屏幕上任何位置的按钮B时，我都会得到运行时XML错误(没有编译时错误)。
如果我把它放回原来的位置，它就能正常工作。
谢谢。
我有一个多行文本字段，只有当我单击按钮A时才可见。我想，每当我移动按钮B时，这个文本框也会随之移动，每当我移动按钮B更接近底部时，我就会得到这个错误。如果是这样的话，那么有什么方法可以消除这种依赖呢？
浏览 1提问于2014-11-28得票数 0
回答已采纳
3回答
我有一个文本字段，当它失去焦点时应该隐藏起来。我还有一个按钮。问题是，当您单击按钮时，文本字段首先失去焦点，这会移动按钮，阻止它接收单击事件。
HTML：
<div>
<p> Focus on the text field, and then click the button </p>
<div id="hideMeOnFocusOut">
<input type="text" id="focusMeOut" autofocus>
<br
浏览 1提问于2014-12-03得票数 0
2回答
我知道如何将宏分配给单元格，并在宏发生更改时启动。
我知道如何将宏分配给“按钮”，并在单击时启动它。
我知道如何为工作表分配宏，并在任何单元格发生更改时启动。
但是现在..。我在图表中有一个文本框，希望在文本框被移动到新位置后启动宏。目前，我点击‘按钮’后，我移动文本框，这是很好的。我想消除最后一步，以避免一个问题，如果用户未能单击按钮。
浏览 3提问于2014-10-13得票数 1
我有禁用和css样式的按钮。在Firefox中，禁用的按钮在按下时根本不会移动(这是预期的)，在IE中，按钮中的文本仍会移动几个像素。
为什么会发生这种情况，更重要的是，我如何在IE中禁用禁用的样式按钮？
浏览 0提问于2009-11-19得票数 2
回答已采纳
众所周知，当您长时间点击移动html页面中的文本元素时，您将得到一个复制按钮，可以单击该按钮将选定的文本复制到剪贴板。
那么，是否可以使用javascript来显示“复制”按钮？
或者，是否有更好的解决方案来指导用户在移动html页面中轻松、快速地复制一段文本？
浏览 4提问于2014-06-10得票数 0
回答已采纳
我有一个WPF窗口，在左侧有一列按钮。在右侧，当单击左侧按钮时，我正在显示/隐藏UserControls。
我只创建了一次UserControls，然后使用按钮在它们之间切换。在切换时，我希望将键盘焦点保留在该UserControl上次可见时的位置。
换句话说，我单击按钮A并显示UserControl A。如果我将键盘焦点移动到UserControl中文本框，然后单击按钮B，做一些工作，然后再次单击按钮A，我希望焦点位于上次在UserControl A中使用的同一个文本框上。
你知道我该怎么做吗？
浏览 0提问于2010-03-05得票数 2
回答已采纳
这是一个概念问题。我有一个有6个网格视图的网页表单，每个网格视图下面都有一个文本框。网格视图的每一行都包含一个问题和5个单选按钮。当单选按钮被勾选或文本被输入到textbox中时，它会立即用一个警告来更新数据库，当用户按下选项卡键，或者在文本框外重新调整光标焦点时，textbox就会提交，或者单击一个不相关的按钮(基本上是当发生回发或textchanged()事件时)。
问题:当文本提交到数据库时，回发过程中会出现延迟，导致用户认为他们可以移动到下一个文本框，而只能让curser返回到前一个文本框。我添加了代码以防止curser跳转，但是在测试过程中，延迟仍然是用户的烦恼。我添加了一条确认消息
浏览 2提问于2017-11-15得票数 1
我已经为我的按钮inputs创建了一个CSS按钮样式，但它在Internet Explorer中的行为不正确。在IE7和IE8中，只有当我单击文本周围的填充区域时，:active类才适用。如果我单击按钮中的文本，则不会应用:active类，文本只是右移一个像素。我的css在Firefox和Chrome中工作正常。
有人知道这是怎么回事吗？以下是我的示例中的jsFiddle：
浏览 0提问于2013-07-20得票数 0
1回答
我使用的机器人框架与剧作家库。当单击tbody中的Save/Spara按钮时，我遇到了一些问题。另一个按钮被点击很好，但是只有这个按钮有问题。
当我使用css和文本选择器时，我会在超时“TimeoutError: locator.click:超逾10000 css”后收到控制台错误消息。当我使用绝对xpath时，我会得到控制台错误消息“意外令牌”/“解析选择器时”。我还意识到，来自上一个元素的焦点并没有移动到这个按钮上，所以我在脚本中专门引入了Tab键，现在焦点是button，但是它仍然没有被点击。
我试过以下定位器：
单击xpath=//button@class="btn btn-s
浏览 1提问于2022-01-05得票数 1
我想指定将在代码中禁用的按钮的样式(背景和文本颜色)。和
我的代码是
import React, { useState, useEffect } from "react";
import "./styles.css";
export default function App() {
const [loading, setLoading] = useState(false);
const handleClick = (e) => {
e.preventDefault();
setLoading(true);
};
ret
浏览 2提问于2021-01-29得票数 0
4回答
我有一个关于按钮点击的问题。在下面的代码中，当我单击按钮时，条件检查按钮的文本是否等于"day"，然后将"body“的"background-color”更改为"red“，并将" button”的" text“更改为"night”。在这里，如果单击带有夜间文本的按钮，我希望将主体背景颜色和按钮文本再次更改为第一个。我对此真的很困惑。 var buttonText = $('button').text();
$('button').click(function() {
if (button
浏览 45提问于2018-07-14得票数 0
回答已采纳
我今天遇到了一个JQuery问题这里是代码转储，让我们开始吧
$(function() {
var distance = 0;
$('.right').click(function() {
distance -= 100;
$('#container').css('transform', 'translateX(' + distance + '%)')
console.log(distance);
});
$('.left
浏览 1提问于2016-05-03得票数 0
问题是，当我单击按钮时，div应该移动三次，每次移动之后更改背景和文本，但是当我这样做时，div只分配最后一个.css和.html。
$(document).ready(function () {
$("#button").click(function () {
$(".square").animate({top: '250px'});
$(".square").html("My friend");
$(".square").css({
backgroun
浏览 1提问于2016-11-16得票数 4
回答已采纳
我有一个带有文本Create Group的按钮，当单击它时，它会变成一个Cancel按钮。为了保持视觉上的一致性，两个按钮将具有相同的宽度。两者在左边都有一个非常棒的字体图标，如下所示：
我希望两个按钮的图标都是左对齐的，而文本是居中对齐的，所以成品应该看起来像这样：
我试着将图标向左浮动，但也产生了将其垂直向上移动的意外效果。我想我可以添加position: relative和任意的top: 2px，但对于本应简单的内容来说，这似乎相当繁琐。
button {
width: 110px;
display: block;
margin-bottom: 10p
浏览 3提问于2016-11-24得票数 1
这是我正在使用的代码：
jQuery
$(document).ready(
function(){
$("#button").click(function () {
$('.text').css('max-width', '800px');
$('.moretext').css('max-width', '800px');
});
});
我目前正在使用上面的代码来编辑文本的样式。当用户单击按钮时，两个div(文本和moretext
浏览 4提问于2015-01-03得票数 1
回答已采纳
我有一个简单的CSS样式切换器的网站。我将以下代码用于处理单击两个主题按钮的函数，启动从暗到亮的切换，反之亦然：
<script>
$(function() {
$(".light").click(function(){
$("link").attr("href", "css/lightHome.css");
$(".light").attr("disabled", "disabled");
$(".
浏览 0提问于2015-08-14得票数 7
1回答
我正在尝试创建一个类似于facebook的注释框，当单击文本区域时，文本区域将扩展，评论按钮变为可见，当文本区域失去焦点时，评论按钮将隐藏，文本区域将缩小到较小的高度。下面的js运行得很好，但问题是当我单击"comment_submit“按钮时，它不会提交，而是整个事情都被隐藏了。
如果单击了提交按钮，如何不触发'blur‘事件？否则就让它启动吧？
$("#comment_body").focus(function() {
$("#comment_tools").show();
$("#comment_
浏览 2提问于2010-10-13得票数 0
我有一个在每一行都包含文本字段的UITableView。文本字段只能接受数字和小数。我有一个透明的背景按钮，可以帮助用户在打开时单击视图来处理键盘。视图底部的文本字段被键盘覆盖，所以我想通过捕获textDidBeginEditing方法等来移动视图，并向上移动视图。我注意到的问题是，在添加了移动视图的代码之后，如果数字小键盘处于打开状态，并且如果我在小键盘外单击视图来处理它，则背景按钮不会接收到事件，因此不会处理小键盘。这个问题能解决吗？谢谢
浏览 0提问于2009-09-16得票数 0
1回答
在单行中，我们显示文本字段以输入搜索文本以及搜索图像作为按钮字段。在该行的下方，我们显示了名称列表。
这里的问题是，在键盘箭头键向下移动期间，图像按钮域没有获得焦点。但在向上移动时，当我们单击向左箭头时，它会获得焦点。但是，向下移动不会因为向上箭头移动而获得焦点。
用于输入搜索文本的文本字段：
final TextField tfTeamSearch = new TextField();
tfTeamSearch.setFocus(true);
图像按钮字段：
btnSearchImage = new Button();
btnSearchImage.setIcon(imgSear
浏览 7提问于2012-06-28得票数 1
我是Android的游戏开发新手。
我有一个游戏，我需要点击移动按钮或TextViews(不重要)。我扩展了FrameLayout类并添加了一些按钮(通过addView方法)。然后我尝试使用TranslateAnimation，但它似乎没有更新单击事件的坐标(即当我单击新位置上的移动按钮时，事件没有处理，但是当我单击原点(它开始移动的位置)时，即使按钮离开了这个位置，事件也会捕捉到)。
问题：如何创建处理单击事件的可移动标签(或按钮)？我需要使用像命中测试这样的技巧吗？或者，我可能在游戏中使用了完全错误的方法(例如，我需要绘制文本而不是在布局中添加视图)？如果你能提出另一个解决方案，我会很高兴
浏览 5提问于2011-11-09得票数 0
我有一个表单，我从使用bootstrap.min.css col-lg-6的表单中插入了一个片段。
现在，当屏幕宽度很大时，第一列文本将在左边，按钮在右边。
当宽度很小的时候，假设是移动的，那么带有文本的列将位于顶部，按钮将位于底部
我想让事情保持不变的大宽度，文字在左边，按钮在右边。对于移动设备，我希望它是相反的，按钮在顶部，文本在底部。
到目前为止，我唯一的想法是制作2个按钮，并根据屏幕大小隐藏额外的按钮。
但还有别的办法吗？
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap
浏览 4提问于2022-10-09得票数 0
回答已采纳
1回答
每当组件的支柱发生变化时，我都想淡入/退出组件。我发现的一些基本示例通过一个切换元素样式的布尔条件来实现这一点，但是我希望通过一个支柱更改来更新切换状态。
例如，在我的代码沙箱中，我有几个按钮，当单击这些按钮时，将更新屏幕上的文本。我希望能够在用户单击其他选项时淡出/退出该文本。
class Example extends Component {
constructor(props) {
super(props);
this.state = {
current: "dog",
isVisible: false
};
}
浏览 3提问于2019-10-31得票数 2
我有一个按钮，名为“添加”在我的门户网站。单击该按钮时，将出现一个进度条，并将该按钮的名称从“添加”改为“添加”，并保持“添加”，直到进度条未移动到100%为止。进度栏100%完成后，“添加”按钮的文本再次从“添加”更改为“添加”。
在进度条移动期间，我需要断言按钮的名称是否从“添加”更改为“添加”。但问题是，一旦我点击“添加”按钮，然后使用断言，selenium将首先单击"Add“按钮，完成进度条到100%，然后尝试断言，但现在"Add”按钮的文本已经更改回"Add“，从"Add”开始。
请给出解决办法。提前谢谢。
浏览 2提问于2015-04-06得票数 1
回答已采纳
我正在创建的网站上有两个按钮。它们用于移动幻灯片类型的窗体。一个向前移动‘幻灯片’，另一个移动它回来。
加载网页后，您可以成功地单击“下一步”按钮一次，将幻灯片移动到选定的方向。你可以点击“下一步”按钮多少次，直到你到达终点。但是，切换到“后退”要求您在执行操作之前单击两次。您现在可以单击“后退”按钮一次来执行操作。单击“下一步”按钮现在需要单击两次，就像以前的“后退”按钮一样。
HTML：
<div id="signupFormButtonWrapper">
<button id="signupFormBack" class="
浏览 4提问于2016-04-16得票数 1
回答已采纳
我尝试在Jquery中使用slideToggle效果来显示和隐藏2div的内容，而单击buttons...but时，它不工作，因为我除外。这里的解释是：
问题
单击“按钮1”，隐藏的div向上显示，底部菜单下降，绿色文本显示。
单击“按钮2”，另一个带有蓝色文本的div上升并显示。
您单击“按钮1”，div of显示就会下降，您将看到“按钮1”的文本。
我想要实现的
单击“按钮1”，隐藏的div显示(绿色文本)和底部菜单下降。
你点击一次“按钮2”，当前的div消失(可视化的，他的slideUp)和底部的菜单上升，立即下降，并删除“按钮2”的文本(蓝色文本)。
浏览 1提问于2014-07-01得票数 0
回答已采纳
3回答
使用jQuery，我试图在搜索菜单按钮中编写2种不同类型的反馈。问题是，这两个代码需要相互冲突的代码：
首先，当鼠标进入红色按钮时，将其更改为不同的颜色(蓝色)，然后在鼠标离开时将其更改为原来的颜色(红色)，从而显示红色按钮是“可点击的”：
$('.buttons').mouseenter(function() {
$(this).css("background-color", "blue");
});
$('.buttons').mouseleave(function() {
$(this).css("b
浏览 2提问于2014-05-21得票数 0
回答已采纳
1回答
我有一个启动按钮。单击该按钮时，我需要在该按钮的正下方显示一个表单或文本区。
如果在单击按钮之前按钮下方有任何组件，则应将它们移动到要显示的新表单/文本区域的下方。
您能指导我如何在bootstrap中实现此功能吗？
浏览 2提问于2018-09-19得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
