通过JS更新变量值后，CSS伪类消失
当通过JS更新变量值后，CSS伪类消失，这通常是由于CSS伪类的样式是根据元素的状态来确定的，而JS更新变量值后，可能改变了元素的状态，导致CSS伪类不再适用。
要解决这个问题，可以考虑以下几个方案：
- 使用JavaScript操作CSS样式：可以通过JavaScript直接操作元素的样式，而不是依赖CSS伪类。可以使用元素的
style属性来修改样式，或者使用classList来添加或移除类名。 - 使用CSS类名切换：可以在CSS中定义多个类名，分别对应不同的状态样式，然后通过JavaScript来切换元素的类名，从而改变元素的状态。
- 使用CSS变量：可以在CSS中定义变量，并在需要的地方使用这些变量。通过JavaScript更新CSS变量的值，可以实现动态改变样式的效果。
- 使用事件监听器：可以在JS更新变量值的同时，触发一个自定义事件，然后在CSS中使用该事件来定义相应的样式。
综上所述，通过以上方法可以解决通过JS更新变量值后CSS伪类消失的问题。具体选择哪种方法取决于具体的需求和场景。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
- 腾讯云云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云云安全中心（SSC）：https://cloud.tencent.com/product/ssc
- 腾讯云云直播（CSS）：https://cloud.tencent.com/product/css
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（MPS）：https://cloud.tencent.com/product/mps
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme
- 腾讯云云游戏引擎（GSE）：https://cloud.tencent.com/product/gse
请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估和决策。
相关·内容
当我将鼠标悬停在div(#hotspot)上时，功能区( .rtc和.rbc)改变了它们的比例和位置，但是主要功能区(.rtc:after和.rtc:before，.rbc:after和.rbc:before)只是消失并再次出现，为什么它们只是在效果处于活动状态时消失和出现，为什么当.rtc和.rbc类改变它们的大小时，它们不同时改变它们的大小？对此有什么解决方案/解决方案吗？请回答！
function hsmouseenter() {
$("#hotspot, #center").css({
'width': '60%'
浏览 0提问于2014-05-30得票数 0
我试着用一个像“你好”这样的词，然后当你点击它时，它就消失了，一个新单词消失了。
是否只有HTML和CSS才能做到这一点？如果不是，我想我将不得不学习javascript和/或jquery。
浏览 10提问于2019-12-29得票数 1
回答已采纳
下面是一个聚合物元素的样本
<dom-module id="custom-dialog">
<style>
#text{
width: 400px;
height: 50px;
position: relative;
background: #fff;
}
p{
position: absolute;
margin: var(--ui-connectionDialog-text-margin, 5% 30%);
浏览 2提问于2015-10-01得票数 0
1回答
悬停子菜单异常
、、
我在这个网站上有一个小的CSS问题：。当我盘旋在“为什么是BioConAct？”在菜单中，会弹出一个子菜单。但是很难点击子菜单中的一个链接，因为它通常会在你用光标到达它之前消失。我无法发现它什么时候留下，什么时候它消失了，而且我被困住了。
有人知道如何解决这个问题吗？非常感谢！
浏览 1提问于2016-03-14得票数 0
回答已采纳
2回答
我希望有一个通用的index.html页面，它有指向所有模板html和菜单选项卡的链接。根据用户单击的选项卡，我只想显示特定的选项卡。假设有3个菜单栏选项卡，1.登录2.注册3.电影
我只想在用户登录时显示“电影”选项卡。
这是我有的index.html样本。
<!DOCTYPE html>
<html ng-app="movieflix">
<head>
<!-- bower:css -->
<!-- endinject -->
<!-- vendor:css -->
浏览 5提问于2016-05-04得票数 0
回答已采纳
2回答
我有一个css下拉菜单与HTML选择表单内的CSS菜单。我注意到，仅在firefox中，当我将鼠标悬停在CSS菜单上并单击选择下拉按钮时，整个CSS菜单将失去悬停焦点，导致整个CSS菜单消失。有什么想法吗？
jsfiddle.net/chrisvenus/jKV8Z/1
<div class="popup-button">
<div class="popup-container">
<span class="popup-title">Title:</span>
<select>
浏览 2提问于2011-12-20得票数 1
回答已采纳
创建侧栏https://wordpress.org/gutenberg/handbook/designers-developers/developers/tutorials/plugin-sidebar-0/的Gutenberg示例不保留在框中输入的内容。刷新页面后，输入的内容已消失，文本框为空。我想这是某种休息问题吧？
我刚刚检查了，在更新post时，meta字段是通过POST请求发送的，因此它不是REST问题：
{"meta":{"sidebar_plugin_meta_block_field":"Jozica1"}，“内容”：“.等
PHP
浏览 0提问于2019-04-24得票数 0
3回答
我试图在jQuery的按钮上添加一个简单的淡入淡出效果，但我有点坚持淡出效果。我使用以下代码：
$('#header #menu li a').hover(function () {
$(this).fadeOut(0).addClass('hover').fadeIn(300);
},
function () {
$(this).fadeOut(0).removeClass('hover').fadeIn(0);
});
它添加了一个定义css背景的悬停类，并在中淡出悬停图像。但当我将光标移出按钮时，它就会像往常一样消失，不会淡出。
你
浏览 3提问于2010-07-27得票数 2
回答已采纳
我是JQuery新手
此线程是的一半副本
主要的问题是，我想在鼠标指向的当前项目周围创建一个框，当鼠标离开该项目时，框将消失。
<script src="Scripts/jquery-1.10.1.min.js" type="text/javascript"></script>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
<div class="clickable"
浏览 6提问于2013-07-04得票数 0
回答已采纳
3回答
它说，区别在于:在CSS2之后是CSS3，而::after是CSS3。还有什么更重要的区别吗？
(我试过在谷歌上搜索，但结肠似乎放弃了搜索)
浏览 5提问于2014-02-10得票数 11
回答已采纳
2回答
我正在使用Backstretch.js和Wordpress站点中的一个自定义字段来动态应用全屏背景图像。
它可以很好地处理身体背景图像，但我在页面上还有另一个元素，由CSS设置的背景图像和backstretch似乎把它搞乱了，但只有在Chrome中。
当页面加载时，两个背景图像都显示良好，但当我向下滚动页面时，css背景消失了-有时完全消失，有时只是随机的部分。如果我删除backstretch，那么CSS bg就会正常工作。理想情况下，我希望它们都能被修复。
反向拉伸
<?php $image = get_post_meta($post->ID, 'wpcf-backgro
浏览 1提问于2014-10-01得票数 1
在添加它之前，我的部署很好...我将以下代码添加到routes.rb中，在开发中运行良好，但在远程服务器w Capistrano上再次部署时，部署失败：
routes.rb
Workshop::Application.routes.draw do
if Rails.env.production?
offline = Rack::Offline.configure :cache_interval => 120 do
cache ActionController::Base.helpers.asset_path("applic
浏览 1提问于2013-01-26得票数 0
想要处理输入表单错误使用HTML5和CSS -没有JS。
目前，我将span设置为不可见，直到输入有效。但是，输入文本字段的默认状态为空，因此无效，默认情况下跨度是可见的。
HTML：
<input class="form-control" placeholder="#####"
name="zip" pattern="\d{5}" title="Enter valid 5 digit zip"
required><span class="formhelp">5
浏览 3提问于2015-03-24得票数 2
我如何教Stylelint Angular的选择器":host“？
例如，在其构建过程中将":host“显示为错误：
src/client/app/+home/home.component.css
1:1 ‼ Unexpected unknown pseudo-class selector
":host" (selector-pseudo-class-no-unknown) [stylelint]
浏览 81提问于2016-08-17得票数 7
回答已采纳
2回答
反应组分滑动向上跃迁
、、、、
我刚刚开始在我的React.js项目中使用动画/转换。在下面的GIF中，当我关闭一个Message组件时，它会逐渐消失。在它消失之后，我使用onAnimationEnd隐藏组件。
我想要发生的是，当一个Message消失时，下面的组件会向上滑动。在概念上，我不确定如何通过CSS动画/转换，或者通过一种特定的方式来实现这一点。
Message.js
import React, {PropTypes, Component} from 'react';
import MessageTypes from '../constants/MessageTypes';
浏览 3提问于2016-10-16得票数 1
回答已采纳
最近，我在一个例子中发现了下面的CSS3
#sidebar {
........
}
#container {
left: $sidebar-width;
}
这似乎表明--使用标识为侧栏的对象中的宽度属性的值作为属性值。有人能向我指出描述这种语法的权威文档，或者以其他方式解释这种语法的意图吗？
浏览 4提问于2013-01-13得票数 0
回答已采纳
5回答
我正试图在悬停时创建一个下降的阴影。这是我写的代码。问题是，当我移动鼠标越过div时，它会发光，但当我移动鼠标在图像上时，发光就消失了。
<style>
#engines {
margin: 0;
padding: 0;
}
#engines div {
float: left;
width: 110px;
height: 130px;
border: 1px solid #eeeeee;
}
#engines div img {
margin: 5px 0 0 15px;
}
</style>
<
浏览 0提问于2013-08-28得票数 0
回答已采纳
1回答
我正在使用:目标伪类创建一个具有CSS lightbox类型效果的页面。当你点击一个图像时，会弹出一个包含信息的框，当你点击任何地方时，它会再次消失。
它在Chrome和IE中运行得很好，但是在火狐中有一个奇怪的bug，当你把鼠标移开盒子时，中的文本就会消失。这就像一个悬停效果，你只能在它上方盘旋时才能看到它。
我希望这个解释是有意义的，如果我不清楚，请告诉我。
我的CSS在这里：
.lightbox {
display: none;
position: absolute;
z-index: 8;
width: 100%;
height: 100%;
top: 0;
left: 0;
back
浏览 3提问于2014-11-20得票数 0
回答已采纳
我有一个有多个部分的表格。每个部分都使用Bootstrap 4验证手动验证(而不提交real表单)。这与下面的代码很好；
let eventCreationForm = $(".event-creation-form");
if (!eventCreationForm[0].checkValidity()) {
eventCreationForm.find(":submit").click();
}
但是，我只想突出显示无效的输入。即，不要高亮显示绿色的有效输入。与其为此覆盖引导样式，我还想尝试从有效输入中删除:valid伪类。但是，我找不到任何人这样做
浏览 0提问于2019-04-03得票数 10
回答已采纳
我从Ajax、jQuery和所有这些方面开始，如果我在这里犯了愚蠢的错误，很抱歉。我正在使用PHP/JS构建一个网站，并使用谷歌的材料设计工具和CSS：
我的页面是这样构建的：- index.php，它是主页(带有指向css、js文件等的链接)--其中包含一个div，其中加载了其他php“模块”(只包含一些需要部分的不同php文件)。
我的问题是，在这些加载的页面中，材料设计类的每一种“特殊”行为都会完全消失(在按钮上没有“涟漪效应”，不会消失的textfield标签，因此与textfield内容重叠等等)。css样式很好(显示材料设计的颜色，视觉效果很好)，但不像点击时的行为，等等。
知道我
浏览 2提问于2016-05-06得票数 2
回答已采纳
3回答
我已经创建了这个CSS下拉菜单。菜单的工作完美无瑕，我唯一的问题是，当鼠标从子菜单上移走时，我如何才能保持打开状态，而不会立即消失？我的代码在这个链接，
我尝试了几种方法，但似乎没有一种方法能满足我的要求。我不喜欢使用J-Query或JavaScript，因为我不太熟悉它们，但任何帮助都将非常感谢！
我希望和需要的是，如果鼠标不在子菜单上悬停，子菜单不会立即消失。我在想一个超时选项，或者设置它在预定时间(即5秒)后关闭，或者另一个菜单或链接被点击。
在进阶时谢谢。
浏览 2提问于2014-04-01得票数 0
我在尝试加载tablesorter时收到以下错误代码：
"TypeError: $(".tablesorter").tablesorter is not a function. (In '$(".tablesorter").tablesorter({sortList:[[0,1]]})','$(".tablesorter").tablesorter'is undefined)
在桌面浏览器上运行代码效果很好(Chrome、FF、IE)，也可以在android手机上运行。
这里有一把小提琴(在ipad上也能用
浏览 1提问于2016-01-10得票数 0
我正在尝试将hover effect添加到span element中，如下所示。
悬停效果不工作时，增加内部风格道具。
但是，如果它是用单独的css文件编写的，它就可以工作。
，我只想知道，为什么会这样？
App.js
import "./styles.css";
export default function App() {
return (
<div className="App">
<span
style={{
fontSize: "4em&
浏览 7提问于2022-07-15得票数 1
所以我有一个肚脐，里面有几个链接。如果屏幕的宽度太小，所有这些链接都会消失，并出现一个汉堡包菜单图标，这也是一个链接，但它有类“汉堡包”。我如何在CSS中做一个选择器来选择除那个汉堡包菜单链接之外的所有链接？
这是我的CSS：
@media only screen and (min-width: 601px) {
/* hide the hamburger */
.hamburger {
display: none;
}
/* show all the nav-buttons */
.navbar a {
display:
浏览 4提问于2022-05-29得票数 -1
回答已采纳
5回答
以下情况发生在Safari版本7.0.1和IE8中。
重现问题的步骤：
问题:在取消弹出式菜单后，行的悬停状态仍然存在，而且无论鼠标在哪里，它都不会消失，直到您再次悬停在它上面。
预期的行为是什么？在取消弹出式菜单后，行的悬停状态应该消失。
有人知道Safari版本7.0.1和IE8的补丁吗？我可以用一些手动的方法来“解除”css的悬停状态。
浏览 7提问于2014-01-30得票数 5
回答已采纳
1回答
在模式中创建datatable
、、、、
我曾尝试将表显示为datatable。但是显示它的代码在另一个PHP文件中，所以它不会显示为datatable，而是一个普通的表。我还包括了所有的脚本文件。 **activity_show.php**
<link href="vendors/datatables.net-bs/css/dataTables.bootstrap.min.css" rel="stylesheet">
<link href="vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min.cs
浏览 17提问于2019-09-30得票数 1
回答已采纳
1回答
我有一个表单和JQuery验证。一切都很好。我不想显示信息，我想显示图标。
错误的图标正在工作，但我对正确的图标有一些问题。当输入是正确的格式时，我在语法class="valid"中看到<input class="valid"...>。我试图在<input..>之后使用class="valid"显示一个右图标。右边的图标显示在文本字段上，文本字段消失。
请帮帮忙。
HTML
<form method="POST" id="TestForm">
<input name
浏览 0提问于2014-10-12得票数 0
回答已采纳
1回答
我正在协助某人迁移一个网站，他们想从他们的导航栏中删除一个链接。我检查了这个元素，在css文件中找到了它，并用display删除了它:没有，但是现在它已经消失了，其他的东西都是静态的，所以有一个很大的空白。这是一张照片：
我不是CSS的主导者，但有快速修复吗?还是应该检查每个元素并将其移到左边？
更新：
在图片之前-与零售商位置链接活动
URL - Velvetfinishes.com
更新2：
下面是当前在接受访问之后的css代码:隐藏在清除之外：
.clearfix:after /* force a container to fit around floated ite
浏览 1提问于2017-05-09得票数 0
回答已采纳
10回答
我正在使用内联CSS (即style属性中的CSS )制作一个HTML电子邮件签名，我很好奇是否可以使用:before和:after伪元素。
如果是这样的话，我该如何用内联CSS实现这样的东西呢？
td { text-align: justify; }
td:after { content: ""; display: inline-block; width: 100%; }
浏览 4提问于2013-01-03得票数 169
1回答
我正在使用Next.js、React、样式JSX和Postcss (如果这一点重要的话)。我需要为特定页面设置导入组件的样式。由于样式表是在呈现时为特定组件创建的，所以我想我可以将组件的自定义样式与页面特定的资源放在一起并传递它们。但我得到了以下错误：
Expected a template literal or String literal as the child of the JSX Style tag (eg: <style jsx>{`some css`}</style>), but got MemberExpression
我在两个单独的目录和文件中呈现了两
浏览 2提问于2019-10-17得票数 0
3回答
我想不是因为这不管用吧：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" >
$("p:aft
浏览 0提问于2012-02-08得票数 6
回答已采纳
在Laravel 8应用程序中，我想在定制类中设置2种悬停条件：
.btn_action_item {
@apply py-1 px-3 block hover:bg-green-500 hover:font-bold text-gray-100;
}
但我错了：
The `hover:font-bold` class does not exist. If you're sure that `hover:font-bold` exists, make sure that any `@import` statements are being properly processed
浏览 1提问于2021-04-10得票数 2
回答已采纳
伙计们，我在做反应js
我已经创建了一个输入文本，在输入按钮的模糊位置上，我调用了一个方法并更新了状态变量。
但是，如果我使用的是模糊而不是onChange，那么输入文本就变成只读字段。
<!DOCTYPE html>
<html>
<head>
<script data-require="react@*" data-semver="0.13.3" src="http://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"><
浏览 3提问于2016-09-27得票数 4
回答已采纳
2回答
这可能是我遇到的一个简单的问题，但对于我的生活来说，我似乎无法解决这个问题。如果你们中的任何人能帮助我，我将不胜感激。
我使用JQuery在用户将鼠标悬停在某个div上时显示一个菜单。菜单将显示在div的左上角。我让它工作了，但是当我尝试点击出现的div的菜单项时，div再次消失，因为从技术上讲，鼠标不是在div上，而是在菜单上。
在下面的示例中，"#blockMenu“是动态出现的菜单。我将当前的div ($this)淡出一点，以强调菜单。
我使用以下代码来实现这一点：
$("div.editable").hover(function () {
$(this)
浏览 0提问于2011-07-10得票数 1
1回答
我有一个<div>，它被归类为class="tooltip"，通常与display:none一起隐藏。
我希望当我的图像地图的一个区域被点击时，<div>可以用display:block显示。我计划使用:target伪类。
下面是我的代码的简化版本：
<img id="slot" class="single" src="slot.png" usemap="#slot"/>
<map name="slot">
<area
浏览 2提问于2013-12-26得票数 1
回答已采纳
1回答
当我上下切换移动菜单，然后调整窗口大小时，我的网页菜单就消失了，尽管声明为“显示:块”。我做错了什么？
CSS:
#nav {
display: none;
}
#toggle {
background-color: #FF9;
width: 100%;
}
#toggle::after {
content: "≡";
float: right;
}
@media only screen and (min-width: 400px) {
#nav {
display: block;
}
#toggle {
display:
浏览 1提问于2015-05-29得票数 1
回答已采纳
我只使用CSS3 :target制作了这个很酷的“模式”，但是当我选择一个选项时，这个模式就会消失，'Criar‘按钮将不再工作，我想修复它，但我很难，我已经尝试了改变显示元素，使用hide()和show()，没有什么工作！
我想要能够选择一个事件，使‘模式’消失，但不改变按钮的功能。
HTML：
<a href="#new__event" class="create__event">Criar evento</a>
<div id="new__event">
<a href=
浏览 2提问于2015-02-28得票数 1
回答已采纳
3回答
我在:empty类中使用了.error选择器。问题是，即使在div中没有包含错误类的内容时，错误类也没有被完全删除。当我在firebug中测试时，我发现div仍然有一些空白，当我删除额外的空格时，div就消失了。
.error{ border:solid 1px #ff0000; color:#ff0000;}
.error:empty{ display:none;}
div在调试时显示如下所示：
<div class="error"> </div>
你看到的额外空间才是问题所在。有什么方法可以在css中显示 ：无？请帮帮忙。
浏览 5提问于2013-08-19得票数 20
1回答
占位符伪元素有伪类吗？
、、、
我想为input[type=text]的placeholder伪元素的出现和消失提供动画效果。我的想法是将样式(特别是transition)添加到前者的伪类中，这些伪类负责它的存在(:active或类似的东西)。到目前为止，我还没有找到任何方法来做到这一点。
我试图将占位符的伪元素转换为绝对定位的块，但它不起作用。更多的策略也没有带来任何有意义的结果。因此就有了这个问题。
附注:我有强烈的感觉，这要么是被CSS3规范禁止的，要么就是根本没有涵盖。这很好，但是既然有了，我相信我的问题会在历史的道路上得到一堆新的答案。
浏览 0提问于2016-06-03得票数 1
1回答
使用属性值的CSS列表样式类型
、、、、
我有一些像这样的html元素
<div class="col-md-3">
<div class="olListPallette" data-numberStyle="counter(count, lower-alpha) '. '">type1</div>
</div>
<div class="col-md-3">
<div class="olListPallette" data-numberStyle='c
浏览 1提问于2014-07-17得票数 1
2回答
所以我有一个问题，我让所有的东西都按我想要的那样工作，但是我不知道如何让文本"Profil“看起来像标准的Bootstrap nav-item？参考"Zahlungen“。
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../mainStyle.css">
<link rel="style
浏览 0提问于2019-05-18得票数 0
我知道matchMedia.js，但我想我可以用像这样简单的东西来检测当前的@media规则。然而，它并不适用于firefox -(这通常意味着它最初是不正确的.)现在来看一下，内容不应该放在:after伪元素上吗？有什么建议吗？我有一个
CSS
#test {
content: "small"
}
@media only screen and (min-width: $bp1) {
#test {
content: "medium"
}
}
jQuery
var sizeCheck = function() {
if (
浏览 0提问于2014-04-22得票数 1
回答已采纳
3回答
标签的切换类
、、、
我刚刚开始使用jQuery，我有一个表单，我想用标签替换复选框，这些标签将改变颜色，以指示是否选中复选框。因此，我的代码使标签完全消失，然后用相同的(错误)类重新出现，而不仅仅是.off类。
如果这是错误的方法，请告诉我，我不熟悉最佳实践，也不熟悉JS中的设计模式。
下面是我的代码：
HTML：
<label class='off'>
<input type='checkbox'>
TEXT
</label>
CSS：
label {
padding: 3px;
font-size: 16px;
}
.
浏览 2提问于2014-09-10得票数 1
回答已采纳
我正在使用swiper js创建一个滑块。我的任务是在滑块的右边分别显示按钮。我相信这是可能的，在这种情况下，他们将在工作状态，滑块将切换。我为滑块设置了容器，将其设置为position: relative，并将两个按钮包装在一个带有position: absolut的div中，我设法定位了这两个按钮，但它们不起作用，也不移动滑块。在本例中，我将滑块本身设置为右填充。如何让按钮工作？请帮帮忙 <div class="button-swiper-wrapper">
<div
浏览 67提问于2021-09-12得票数 0
我想避免使用jQuery，这样我就可以更好地感受Javascript。现在，我已经设置了一个Codepen，它显示了我第一个项目的大部分内容。我知道这段代码可能很草率，我是个初学者。我只想让JS与我的肚脐完全消失的onScroll工作，然后我将优化它从那里。谢谢!
我搜索过youtube，google，但是每个人似乎都在使用jQuery。
CSS：
.nav {
border-bottom: 1px solid #EAEAEB;
text-align: right;
height: 70px;
line-height: 70px;
position: fixed;
top: 0;
left:
浏览 0提问于2019-05-08得票数 2
回答已采纳
3回答
好的，在解决了这个问题()之后，我有一个新的问题，我认为，这个问题和这个问题有关。
当我单击标题链接时，用Jquery将页面向下滚动到正确的文章。这个功能很好用。但是另一个函数会改变页面位置上的“按”按钮的css (scrolltop())。这一功能也起作用。但是当我点击按钮时，我的css不会改变。它使我的按钮成为白色链接，周围环绕着灰色的“点击”边框(由浏览器完成)。只有当我单击屏幕上的其他任何地方(以删除“活动”按钮状态)，按钮才会改变颜色。
我无法用JSFiddle ()复制这个问题，下面是描述上述问题的一些图片：
这是我的菜单：
，这是我在菜单上悬停的时候：
--这
浏览 10提问于2015-05-15得票数 4
回答已采纳
1回答
强制页面重绘中间函数
、、、
我有一个页面，上面有一个表格，上面有几千行信息。
当用户单击复选框时，大量行会消失，最终导致普通浏览器挂起几秒钟，但在我最初的实现中，IE会决定要挂起60秒(>_>)。
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type='text/css'>
浏览 1提问于2011-03-29得票数 1
回答已采纳
问题
是否可以使用(或其他Javascript库)对输入的禁用状态进行动画化更改
详细信息
对于常规输入和禁用的输入有不同的CSS样式。在不同状态之间进行更改时，希望用户看到以前的状态消失为新状态。
是否可以仅通过更改输入的“禁用”状态来激活此更改？也许通过做这样的事情：
// CSS
input{
background-color: white;
}
input:disabled{
background-color: grey;
}
// Javascript
$.find('input').animate({'disabled': fals
浏览 2提问于2015-10-11得票数 0
回答已采纳
在网站上，我在991 in或更低的视口宽度上显示平板设备时遇到了问题。问题是菜单项在视口断点处会中断，我想切换到那个断点的汉堡包菜单。
当我尝试重写bootstrap.css时，它的断点设置为767 my，方法是将相关的媒体查询放到我的style.css文件中，并将它们设置为991 my，整个导航菜单就会消失，而不是切换到汉堡包菜单。
下面是我在style.css中加入并调整的样式：
@media (max-width: 991px) {
.hidden-xs {
display: none!important;
}
.navbar .navbar-in
浏览 3提问于2020-01-28得票数 0
回答已采纳
3回答
我正在尝试使用javascript或jQuery添加类或将css更改为onchange="javascript:setTimeout之后的选择。我遇到的问题是，在用户更改表单后，它会更改css一秒钟，然后消失。我如何才能使css保持不变呢？它似乎自动刷新自己，并返回到原来的风格。
联署材料：
$("select").change(function() {
$(this).closest('div').find('span').css("background-color", "yellow");
});
浏览 4提问于2017-10-31得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
