为什么我不能使用CSS更改显示状态？
您好！您提到的问题是关于使用CSS更改显示状态的问题。在这里，我们将讨论CSS的基本概念以及如何使用CSS来更改显示状态。
CSS（层叠样式表）是一种用于控制HTML文档外观的语言。CSS可以用来更改文本、颜色、字体、边距、填充、背景颜色等样式。CSS可以通过多种方式应用到HTML文档中，例如内联样式、内部样式表和外部样式表。
要使用CSS更改显示状态，您可以使用伪类选择器（例如:hover、:active、:focus等）。这些选择器允许您为特定的用户交互（例如鼠标悬停、点击或获得焦点）定义不同的样式。
例如，如果您想要在用户点击按钮时更改其背景颜色，您可以使用以下CSS代码：
button:active {
background-color: red;
}在这个例子中，当用户点击按钮时，其背景颜色将变为红色。
如果您仍然无法更改显示状态，请确保您已正确应用CSS样式，并检查浏览器是否支持您使用的CSS属性。如果您需要进一步的帮助，请提供更多详细信息，以便我们能够更好地帮助您。
相关·内容
1回答
当连接良好时，有人能解释为什么这个方法不能正常工作吗？如果我失去了连接，它工作完美，然而，如果我仍然有连接仍然是显示如果和其他的响应。
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("inventory-info-details").innerHTML=xmlhttp.responseText;
浏览 0提问于2018-09-26得票数 0
回答已采纳
我只是在学习JS(jQuery)，所以我有一个问题。我编写了脚本，当用户滚动页面到底部时，div正在显示，我想添加“关闭”按钮，所以用户单击它，当用户滚动到底部时，它不会出现。所以：
<script>
$(window).scroll(function() {
if($(window).scrollTop() > ($(document).height() - $(window).height() - 200)) {
$('#div-name').css('visibility', 'visible')
浏览 0提问于2016-09-11得票数 1
回答已采纳
1回答
我使用Pusher.com设置实时通知。我更喜欢将其用于实时表同步。 但有时，由于连接问题，它不能很好地工作。所以我想检查一下pusher connect是否处于活动状态。我在这个系统中使用了Laravel，我用图标(绿色和红色图标)显示了状态。 以下是我在blade.php文件中编写的代码 var pusher = new Pusher('dfgfg', {
cluster: 'us3',
encrypted: true
});
push
浏览 36提问于2020-04-07得票数 2
1回答
在我的项目中，我使用vue.js 2，并且我有一个img组件。
这是它的代码：
<template>
<div class="banner">
<img class="banner-img" :src="bannerImg"/>
</div>
</template>
<script>
export default {
name: 'DetailBanner',
props: {
sightName: String,
bannerI
浏览 3提问于2018-09-14得票数 1
回答已采纳
我试图在鼠标悬停时添加一个css类，就像react文档中提到的那样，但我不确定为什么它不能工作。请帮帮忙 index.js： import React from "react";
import ReactDOM from "react-dom";
import "./styles.css";
function App() {
let className = "";
return (
<div className="App">
<h1
classNa
浏览 18提问于2019-03-15得票数 1
回答已采纳
2回答
我正在为Windows 8开发一个麦德龙应用程序，并使用2012.目前，当我保存SCSS -文件时，我使用SASS和Compass自动地将SCSS转换为CSS。
我想要的是能够在运行时更改CSS。也就是说，我希望在我的右边屏幕上打开SCSS文件，当我对它进行更改时，左侧屏幕上正在运行的应用程序将显示这些更改。目前，我必须在visual中刷新应用程序，但这并不能保留状态。
所以总结一下：
我已经成功地安装了指南针和SASS。当我更改SCSS文件时，CSS文件(包含在项目中)将正确地重新生成。
我正在运行的应用程序没有反映CSS-文件中所做的更改。我需要重新加载应用程序，以显示变化。
浏览 3提问于2012-06-27得票数 1
回答已采纳
2回答
看起来isTablet函数稍后会返回true。为什么，以及如何修复它，以便isTablet在CSS media查询时显示它是平板电脑。
function isTablet() {
return $(window).width() >= 768;
}
和
<link href="css/tablet-default.css" media="all and (min-width: 768px)" rel="stylesheet" type="text/css" />
浏览 3提问于2012-03-20得票数 0
1回答
我最近下载的MAMP可湿性粉剂站点不显示任何CSS、样式、主题或图像。PHP升级后，实时网站崩溃了。在一些恐慌之后，我下载了WP站点(所有文件，手动安装，FTP下载)并导出了数据库。经过多次尝试和错误，我让它在MAMP本地主机上运行，PHP回到5.6 (site broke on 7.0)。 我没有直接安装Wordpress，只安装了MAMP localhost文件夹中实时服务器的根目录。该站点显示文本、换行符、换段符和图像限制，但不显示样式、网格或任何内容--裸露的HTML。 与检查器的快速检查显示，图像持有者指向图像的正确路径，并且图像位于Uploads中的相关文件夹中。 我尝试从wp-
浏览 13提问于2020-01-31得票数 0
有人告诉我，每当我使用react状态或更改它时，我都应该对其进行克隆或复制。 const cloneState = [...this.state]
cloneState.name = 'hardik' 但我不确定为什么人们会推荐它，为什么我不能直接改变状态？ 为什么我不能直接使用它呢？ this.setState({name: 'hardik'})
浏览 35提问于2020-07-24得票数 3
我用几个组件构建了一个react应用程序(简单的内容管理系统)，大多数组件都可以在主(App.js)组件中访问。我使用react路由器显示组件，通过example.com/dashboard使Dashboard组件仅对管理员可用。我使用node.js和JWT构建了一个登录系统，我完成了所有的逻辑。但我不知道正确的方式来显示隐藏仪表板组件。我试图使用，但我不能理解逻辑，请告诉我什么是最好的策略来显示隐藏在反应应用程序中的仪表板。使用if else逻辑显示/隐藏仪表板是否安全。或者使用它是不安全的？我的问题是:有没有一种react方法来完成这项工作？
示例：
my-app/
README.md
浏览 3提问于2019-03-22得票数 0
全部：
我想知道如果我使用无状态组件，如何处理鼠标事件来更改组件样式，例如：
const Com = (props) => {
var hltStyle = false;
function highlight(){
// I do not know what put here
}
var hltStyle = {
backgroundColor: !hltStyle?"lightgreen": "tomato"
}
return (
<div styl
浏览 3提问于2016-06-07得票数 5
回答已采纳
4回答
我有以下代码：
$('.signup-form-wrapper').css("style", "display: block");
$('.login-form-wrapper').css("style", "display: none");
不知道为什么它不能工作。元素目前看起来如下所示：
<div class="signup-form-wrapper form-wrapper" style="display: none;"
浏览 0提问于2013-04-23得票数 0
回答已采纳
1回答
所以我有一个javascript函数，它随机地散布图像。
浏览器/页面窗口自动调整大小以适合这些图像(您不能滚动超过图像的距离/浏览器窗口的边缘是最远图像的外边缘)。
但为什么利润率没有进一步突破这一界限呢？
因此，图像在窗口边缘之前有一点额外的空间。我不想让图像正好靠在边缘上。
我的javascript代码：
//random position of each Card,
$(document).ready(function(){
$('img').each(function() {
var top = (Math.random() * 200)
var left
浏览 0提问于2020-10-12得票数 0
我试图添加一个复选框切换，通过将列表元素的样式显示属性从"none“更改为”内联“，从而隐藏并显示list元素，但它不起作用。我在CSS文件中将属性的样式设置为"display:none“。然后，当有人选中一个框时，我在javascript中将其设置为"display:inline“。javascript成功地将元素的属性更改为内联，但由于某种原因，元素仍然是不可见的。
如果相反，通过在CSS中将显示设置为内联，并在javascript中将其重写为none，则可以正常工作。我不明白为什么这会是一种方式，而不是另一种方式。
我在用铬。这是密码。如有任何反馈，将不胜感激。
浏览 4提问于2013-11-13得票数 4
回答已采纳
我正在通过CSS3学习sololearn.com中的转换，这里给出的使用转换的唯一例子是结合:hover选择器。
我发现的其他所有东西都使用该或:active，没有解释可以使用什么其他选择器，或者为什么这两种选择器不显示为示例。
是否有一种方法可以在不与用户交互的情况下启动转换？或者这需要JavaScript吗？
浏览 5提问于2017-12-08得票数 4
我想在react中更改元素<div class="myClass1">"I am content"</div>的CSS。基本上，我只想添加"display: none;"的问题是，元素是由一个库在单击时创建的，所以我不能真正将样式或类设置为状态或变量或其他什么。在jQuery中有很多方法，但是如何在react中做到这一点呢？ 这是我的管理员 // Handling change
const handleChange = () => {
// Here should be code to change
浏览 20提问于2021-04-24得票数 0
我有以下分支-- master -> php-merge-2016、master -> css-merge-2016和master -> css-merge-2016 -> b4-selector-removal。首先，我需要merge b4-selector-removal-new To php-merge-2016。
目前，我正在处理分支b4-selector-removal，所有更改都已提交并被推送到删除存储库，git status显示“工作目录是干净的”。
因此，要将b4-selector-removal-new合并到php-merge-2016分支，我首先尝试
浏览 8提问于2016-08-22得票数 3
我得到了这个css模式脚本，并想知道为什么我不能用<label>或<a>或<div>标记来代替它。
另外，下面这一行的意义是什么？为什么我不能用类似于<input>的东西来代替<div>
以下是完整的CSS代码：
.modal {
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: left;
background: rgba(0,0,0,
浏览 4提问于2017-02-21得票数 2
回答已采纳
HTML:
<div id="box">my box</div>
为什么我可以隐藏这样一个可见的div：
CSS:
#box {
visibility:visible;
}
JS:
jQuery('#box').hide();
但是我不能像这样显示一个隐藏的div：
CSS:
#box {
visibility:hidden;
}
JS:
jQuery('#box').show();
浏览 4提问于2012-03-24得票数 4
回答已采纳
我有一个JavaScript/React，在这里我想检索并显示存储在我的Smart契约中的变量。我知道，每次需要检索这些变量并从我的JS应用程序中读取时，我都可以发出一个事件，但是发射和存储事件将花费大量气体。为什么不能简单地继续轮询GetData视图函数(使用setInterval)，例如，我每2秒从js应用程序中回忆数据？既然视图函数不需要任何气体，那么为什么更喜欢使用事件来存储和检索数据呢？
浏览 1提问于2022-01-23得票数 1
2回答
我在我的react应用程序中使用CSS模块。根据道具值，如果它是蓝色或白色，我想使用受尊敬的类从“样式”导入。但是，当我运行代码并检查p元素时，我看到类名被显示为“anthes.Blue-text”，但是它的值不能从尊重的css文件中检索。为什么它没有被应用，尽管类名是正确的获取。
import React,{useEffect, useState} from "react"
import DarkBlueRightArrow from "../../../resources/images/shared/darkblue-right-arrow.svg"
imp
浏览 5提问于2022-01-19得票数 0
回答已采纳
我有一个由Classic CSS hover提供的下拉菜单
如果你已经打开了一个click event菜单，我需要取消悬停效果，但我不能，因为你仍然停留在菜单上菜单不disappear，直到你hover off，这是不理想的。我也尝试过使用.hide()，但那会影响到CSS的悬停功能。
在jQuery中有没有一种方法可以移除元素的CSS hover激活？
$("ul.nav > li").click(function(e) {
var url = $(this).attr("url");
$(this).css('background
浏览 3提问于2014-06-17得票数 2
1回答
我在react开发中是新的，我不明白为什么这段代码没有在第一个pokemon.name标记上显示h1：
import './Container.css';
function Container ({ id }) {
const getPokemon = async(id) => {
const url = `https://pokeapi.co/api/v2/pokemon/${id}`;
const res = await fetch(url);
return await res.json();
}
const po
浏览 3提问于2022-08-18得票数 0
回答已采纳
3回答
我有一个简单的例子：
import { useMemo, useState } from "react";
import "./styles.css";
const calc = (n) => (
Math.random()
)
export default function App() {
const [n, setN] = useState(1);
const r = useMemo(() =>
calc(n)
, [n])
return (
<div className="App"
浏览 0提问于2021-04-29得票数 4
1回答
我正在使用一个底部的标签导航器和它的标题。但是我的头比我想要的要长。它在状态栏上，我想减少它。如何减少页眉的上边距？我已经尝试在headerStyle中使用marginTop，但它显示它在headerStyle中不起作用。 <Stack.Screen
name="Home"
component={TabNavigator}
options={{
headerShown: true,
headerSty
浏览 17提问于2020-08-23得票数 0
1回答
我想知道，当我的HTML显示值发生变化时，是否可以应用CSS样式。当值被更新时，我想应用一个“抖动”效果。
是否有CSS选择器，如下所示？
.button:change {
transform: translateY(-10px);
}
浏览 2提问于2022-10-07得票数 1
回答已采纳
我有一个问题，为什么我们需要在每个更改事件上使用onchange来反应和设置状态，以及为什么我们不能在submit按钮上更改表单的所有输入字段的状态？当我们在输入字段中使用onChange时，它执行所有中间步骤来设置每个更改事件的状态，那么为什么我们不使用event.target来存储提交上的所有状态，否则这是不可能的？
浏览 3提问于2022-07-07得票数 1
回答已采纳
愚蠢的反应问题:如何在输入显示后设置焦点，以及为什么我的代码不能工作？(如果没有显示开关，它就能工作。)
编辑:我期望的内容:单击按钮后，将出现输入字段(通过移除.dnone类)并获得焦点。(但事实并非如此。)
我的代码：
import "./styles.css"; // with .dnone class with display:none
import React from 'react';
export default class App extends React.Component {
constructor(props) {
supe
浏览 4提问于2021-08-27得票数 3
回答已采纳
我在我的页面顶部有一个闪光消息div，当网站想要向用户显示任何消息时。 我要闪电信息在几秒钟后淡出。我使用的是CSS转换。 下面是我的代码： .flash {
position: fixed;
opacity: 1;
visibility: visible;
transition: opacity 2s ease-in, visibility 2s ease-in;
}
.hide {
visibility: hidden;
opacity: 0;
} document.querySelectorAll('.flash').forEach(funct
浏览 11提问于2020-12-29得票数 1
回答已采纳
所以我试图在使用onMouseHover时显示额外的文本，但我似乎不能理解它，就像我试图找出一种不需要使用CSS或JQuery的方法。如何让onMouseHover基于函数调用显示文本？
function URL() {
return (
<a href={url} onMouseOver={mouseOver()}>{mouseOver()}</a>
);
}
function mouseOver() {
return (
<p>Hove
浏览 0提问于2017-05-11得票数 1
4回答
html
<a href="home.html">Home</a>
css
a {
color: blue;
}
a:hover {
color: red;
}
现在，您可以看到，<a>现在将是红色的悬停。
问题
如何通过jQuery消除悬停？
我试过了：$('a').unbind('hover');和$('a').unbind('mouseenter mouseleave')
我开始思考为什么它不能工作，这不是hover()吗？
浏览 5提问于2010-04-22得票数 5
回答已采纳
我有一个问题，切换复选框不能工作，控制台如下所示。代码：
<!doctype html>
<head>
<title> Me OpenStreetMap </title>
<link rel="stylesheet" href="../assets/ol3/css/ol.css" type="text/css" />
<link rel="stylesheet" href="../assets/ol3/css/samples.css&
浏览 1提问于2015-07-19得票数 3
1回答
我有这个代码。它获取请求数据并通过刷新将其显示在DIV中。
为什么它可以像DIV中的“简单文本”那样显示请求的数据，但不能显示例如下面这行：
<a href="#" data-role="button">Button</a>
使用应用/呈现的CSS和jQuery.mobile按钮样式？我是不是遗漏了什么？
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.c
浏览 1提问于2013-03-28得票数 0
在编写网站代码时，我会保存HTML和CSS文档，然后刷新浏览器以查看更改。然而，当我刷新时，可以看到HTML的变化，但是CSS的变化却看不到。相反，我需要做的是关闭窗口并重新打开它才能看到CSS的变化。
你知道为什么我不能只是刷新并看到CSS的变化，而不是关闭窗口并重新打开吗？
浏览 2提问于2013-08-31得票数 31
回答已采纳
3回答
我有这个CSS:
.optionQuiz a:hover{
.Qtick{
background-color: green;
}
}
My：
<div class="optionQuiz">
<a href="#">
<span class="Qtick">1</span>
</a>
</div>
我的目标：我的目标是当用户将鼠标悬停在<a>上时，在'<a>'中突出显示类的
浏览 2提问于2016-04-07得票数 0
回答已采纳
我正在尝试使用带有typescript的React Big Calendar。在阅读文档后，我能够让日历本身显示出来(设置高度非常重要！)，但是我不能让任何事件显示出来。我看到我拥有的事件数组正在正确填充，这是我从示例中提取的代码，并使其对TS友好，也适用于useState。通过阅读其他答案，我也确保检查了访问器，但无论是否定义它都没有影响。
对于我所做的任何与Typescript相关的内容，其源代码都在这里：
下面是我如何显示我的组件：
import React from 'react';
import moment from 'moment'
import
浏览 17提问于2020-05-22得票数 0
回答已采纳
5回答
我试图在鼠标悬停时高亮显示一行，这对我来说很好。同时，我希望在单击悬停的行时将其突出显示。下面是我到现在为止的代码：
$(".simplehighlight").hover(function() {
$(this).children().css('backgroundColor', '#ffdc87');
},
function() {
$(this).children().css('backgroundColor', '#ff
浏览 1提问于2010-12-18得票数 2
回答已采纳
我的代码：
<script type="text/javascript">
$(function(){
$("body").click(function(){
$("ul").toggle("slow");
var b = $("ul").css("display");
console.log("ul display :"+b);// unfortunately,always
浏览 0提问于2013-07-23得票数 0
似乎无法让jQuery改变我的css。
在我的css文件中这是可行的..。
.closed {
background-image: url(http://70.55.103.238/Images/menu-collapsed.gif);
}
我需要能够用jQuery动态地改变这一点，所以我在我的$(文档).ready(函数())中调用它.
$('.closed').css({ 'background-image' : 'url(http://'+window.location.host+'/Images/menu-collapse
浏览 4提问于2012-06-15得票数 0
回答已采纳
import React, { Component } from 'react';
import { render } from 'react-dom';
import Details from './Details';
import './index.css';
class App extends Component {
constructor() {
super();
this.state = {
usersData: [],
error: null,
selecte
浏览 15提问于2021-11-02得票数 0
它的功能有问题，并显示为控制台未登录的TypeError:不能读取属性‘长度’的空和不能解释为什么
function shownameplaylist(){
$.getJSON( "js/json/nameplaylist.json", function( data ) {
var items = [];
$.each( data, function( key, value ) {
$('#nameplaylist').append('<option>'+value.title+'</op
浏览 2提问于2014-02-17得票数 3
1回答
我有下面的html结构，我使用图像应用圆角。带有tabsLeft和tabsRight类的div实现了圆角。一旦选择了安莉，我就会将这个类添加到它上面。当第一个li有.on类时，左角的颜色也应该改变。当第一个li打开时，是否有一个css唯一的解决方案来更改tabsLeft类的图像?我不能将tabsLeft放在任何li中，因为并非所有列表项对每个用户都可见(任何列表项都可以是第一个)。
<div>
<div class="tabsLeft"></div>
<ul class="tabs" id="tabList
浏览 6提问于2013-01-11得票数 0
我正在创建一个带有css类切换的动画的组件。示例的沙箱。
css类的应用条件是针对transitioned字段，因此当transtioned字段从false到true时，我们应该得到一个动画。
问题：
在这样修改状态的情况下，动画不会发生：
animateWithoutST = () => {
this.setState({transitioned: false},
() => this.setState({transitioned: true}))
}
但是，如果在一个setState回调中调用第二个setTimeout，它就能工作，如下所示：
anima
浏览 1提问于2018-01-31得票数 6
回答已采纳
有人能推荐一种最简单的远程切换元素显示的方法吗？我不能访问服务器，所以我想知道是否有一种方法可以远程切换元素的显示，在这种情况下，从实体到褪色？我使用的是dashcode，我不知道跨域策略对此有何影响。
$(document).ready(function(hideStuff) {
$('.image2_template').css({ 'opacity' : 0.1 });
$('.text3_template').css({ 'opacity' : 0.1 });
浏览 0提问于2011-08-03得票数 1
回答已采纳
2回答
我使用的是一个角度的js按钮，但我似乎不能使用传统的css和js方法来将动画放在上面。我试图在按钮上实现一个不透明的动画。有人能帮忙吗？
<span id="sign_btn">
<md-button>Button</md-button>
</span>
CSS:
#sign_btn{
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-o-transition: opacity .2s ease
浏览 4提问于2016-07-13得票数 2
回答已采纳
当我运行这个项目时，我得到了这个错误："TypeError: this.state.posts.map不是一个函数“。我不明白为什么，如果我试着
this.setState({
this.state.posts.push(0),
})
或者即使没有this.setState()：this.state.posts.push(0)，这也是一个非常平庸的代码，但是我不明白为什么我会得到这个错误。这是我的代码：
import FbPost from './components/fb_post';
import './App.css';
im
浏览 0提问于2021-03-04得票数 1
我正在尝试使用一个普通的css动画，如下所示：
div {
height: 0.5rem;
width: 1rem;
background-color: blue;
transform-origin: left;
transition: transform 5s;
transition-delay: 2s;
transform: scaleX(15);
}
它根本就不起作用。div以scaleX(15)格式显示，但没有持续时间。
它可以在CodePen上正常工作，但不能在Stackblitz上工作。这里我漏掉了什么？CSS动画不能和Angular一起工作吗？
浏览 2提问于2019-05-28得票数 2
但我不能让它与网上给出的建议一起工作。我想知道我的代码中有哪些错误。我不确定为什么它不能工作，也没有显示任何错误，它只是转到我的Express POST路线。sign-up.component.js
import React, { Component } from "react";
import { Redirect } from 'react-router';
import { withRouter } from 'react-router';
export default class SignUp extends Component {
浏览 5提问于2020-11-12得票数 0
2回答
我为我的gatsby站点创建了一个组件。我想为它写一个简单的切换功能：
import React, { useState } from "react"
import './css/header.css'
function clicker(state) {
console.log(state);
}
const header = () => {
const [isExpanded, toggleExpansion] = useState(false)
return (
<div>
<nav class
浏览 0提问于2020-02-03得票数 0
我知道有类似的问题，但我不能找出为什么会发生错误。Div显示，但随后应用程序崩溃(好像是某个长度问题)
代码类似于我找到的示例，如下面的
我做错了什么？
这是组件：
import React, { useState, useEffect } from 'react'
/* import Button from '../Button' */
import { getPlanets } from '../../services/index'
import './Planetas.css'
const Planetas = () =
浏览 19提问于2019-07-12得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
