提问搜索_PHP中文网

社区

学习

工具库

AI工具

休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

使用 jquery 动态更改 css 文件中的静态颜色

我有多个按钮，并且我有一个名为bg的类。在CSS文件中，我设置了该bg类的样式，但同时，我希望能够从JS文件动态更改其颜色。背景只有一种颜色，但我可以制作我想要的不同颜色，例如，颜色代码来自API（红色代表test1，黄色代表test2等）。我想使用出现的任何代码。比如去test2页面，那么背景是黄色的。我可以通过在css文件中创建类test1和test2来做到这一点，但它没有用，因为可能有数百个

P粉459440991 2024-03-19 23:24:43

为什么代码一样css角色框却不能正常显示?

<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" type="text/css" href="__STATIC__/plugins/layui/css/layui.css"> <

phpcn_u211985 2018-07-23 23:44:29

javascript - JS 网页换肤之问题

<link href="green.css" rel="stylesheet" type="text/css" /> {代码...} {代码...} this.className = "current"表示什么？是对应当前页面是绿色状态下的按钮吗

世界只因有你 2017-07-05 10:50:04

javascript - 如何实现JS动态修改css全局样式

如果要在页面中动态修改css全局样式，例如将页面所有字体颜色改为红色通过css可以这样实现 {代码...} 而如果通过js，利用页面中的按钮修改所有元素样式，即通过js点击按钮动态修改页面中所有元素样式字体颜色为红...

阿神 2017-05-19 10:11:38

CSS 颜色变量 - 定义 CSS 颜色时需要规则或选择器

您好，我遇到以下问题：“定义CSS颜色时需要at-rule或选择器。”我正在使用VS代码，并且我已在https://jigsaw.w3.org/css-validator/validator#css检查了CSS我不知道问题出在哪里！/*ColorVariables*/$red:red;$green:green;$orange:orange;$blue:blue;$purple:purple;$wh

P粉021708275 2023-09-13 11:02:07

解决Spotify嵌入代码中的白色背景错误的有效方法

我正在使用NextJS13.4。在浅色模式下没有问题。但是当我切换到暗色模式时，歌曲后面会有白色背景，就像这样：Spotify嵌入代码的背景错误我无法通过CSS解决这个错误。提前谢谢。我希望歌曲容器是透明的。

P粉665427988 2023-08-15 17:41:08

有没有办法在不影响 Outlook 桌面的情况下定位 Windows Mail 10 和 11？

我有一个代码hack，可以在除Windows邮件10和11之外的大多数深色模式客户端中保留黑色背景上的白色文本。<!--[ifmso16]>条件语句适用于Outlook（OL365、OL2021）桌面，但在WindowsMail10和11中无法正确显示。WindowsMail喜欢<!中使用的css--[if!mso16]>条件语句块。是否有专门针对WindowsMail10

P粉722409996 2024-03-27 12:55:14

JavaScript 仅部分替换 CSS 文件

我试图通过使用事件侦听器在白天/夜间主题之间切换，将页面上的CSS文件替换为另一个CSS文件。我尝试了多种方法，但没有一种能完全奏效。我的默认主题是深色的，我只能使用我的代码将其更改为浅色主题，而不能再次更改为深色。我究竟做错了什么？非常感谢大家！colorModeBtn.addEventListener("click",function(){if(cssFile.href=&

P粉322106755 2024-03-22 09:33:43

VSCode（CSS）：使用颜色列表在写入＃时实现未显示效果的解决方案

我刚刚更新了VSCode（版本：1.81.1（通用版））。在此更新之前，每次我在写CSS时输入“＃”，程序会触发一个颜色列表：首先是我代码中使用的颜色，然后是基础颜色的建议。现在，除非我在需要选择颜色的变量中，否则不会出现该列表，而且只有在我完成输入“：”后才起作用。我放了一些截图来帮助理解问题：(https://i.stack.imgur.com/9QlH6.png)一些之前有效的示例：(htt

P粉677684876 2023-08-15 14:30:48

重叠问题：我的两个 div 未按预期定位

我不知道为什么，但我的html页面的2个div相互重叠，而不是并排显示。此外，蓝色div并没有像它应该的那样占据100%的高度。注意：蓝色div目前只有1个元素（输入）这是我的CSS代码：.bluediv{height:100%;width:16.3%;position:fixed;z-index:1;top:0;left:0;box-shadow:0px-10px50pxblack;float:

P粉674999420 2024-01-29 10:49:56

新的标题：使用纯CSS和HTML压缩HTML矩阵布局设计

我正在尝试使用纯HTML和CSS创建一个标志。设计非常直观，是一个[13x13]的矩阵，其中包含一些有颜色的项目。CSS非常简单和次要。但是，HTML代码却有很多重复的部分，需要进行DRY（Don'tRepeatYourself）处理。body{width:100vmin;margin:auto}logo{display:grid;grid-template-columns:repeat(13,1

P粉458913655 2023-09-07 21:27:33

css - 对于类选择器使用的问题

1.刚开始自学html和CSS，想在一个块内定义两种字体，是用了类选择器，但是定义好后在页面却没看到字体的变化（就还是默认的大小和颜色），请问是选择器出错还是代码错了இ௰இ 2这是html的代码 <div id="containe...

给我你的怀抱 2017-05-24 11:36:28

如何使用 css 和 html 创建半正方形和弯曲形状的形状

我正在尝试绘制一个与下图中给出的形状完全相同的形状这是我的html和css代码，它的形状与此有点相似，但在单色中我不知道如何在多色中做到这一点。谁能解释一下我该怎么做。提前致谢。.right-angle-triangle-semicircle{width:100px;height:100px;background:#FFA6DF;border-top-left-radius:0;border-to

P粉797004644 2024-02-25 19:57:15

如何在页面上居中对齐三个 SVG 文件？

我有三个独立的SVG文件，当它们彼此层叠时，它们将创建一个图形。第一个SVG文件是一个红色三角形，第二个是位于三角形内部的蓝色圆圈，第三个是位于三角形底部的紫色矩形（三角形和矩形之间有一点空间）。我的目标是将所有三个SVG文件在页面中央相互叠加。下面是我的HTML和CSS代码。*{margin:0;padding:0;box-sizing:border-box;}.graphic{height:1

P粉998100648 2023-09-07 14:20:58

如何在 Vue 3 应用程序中创建动态 CSS 系统？

我正在开发一个许多不同客户都会使用的应用程序，但“主题”无法在客户之间共享，因为它们的配色方案被认为是专有和机密的，尽管我知道这听起来很荒谬。现在，颜色是在主App.vue组件中定义的，没有<style>而不是<stylescoped>，然后下游的组件都被限定范围。目前的工作方式是我使用CSS变量来定义颜色和渐变。我或多或少正在寻找一种可以执行类似伪代码的解决方案：cons

P粉826283529 2024-01-07 19:49:37

如何使用 html 和 css 添加超链接功能

我有一些包含一些css的HTML代码，我希望该按钮实际上具有像超链接一样的用途，我按下它，它会将我带到某个文件或网址，我尝试过在字段内使用实际的超链接，但它看起来很难看，只能按超链接，我尝试添加一个HTML默认超链接按钮，但它无法着色。代码如下：<html><bodystyle="background-color:rgb(48,45,45)"><f

P粉596191963 2024-04-01 23:34:12

实现导航栏悬停效果的方法

我正在处理我的垂直导航栏。那个图标的名称应该在右侧可见。当鼠标悬停在图标上时，名称也应该从白色变为黑色，但它没有起作用。我尝试改变周围的标签，看看是否有帮助。我还改变了HTML中的标签，并在CSS中改变了标签，以使标签能够起作用。我在这个网站上查找了解决我的问题的方法。我无法让我的导航栏工作。我无法弄清楚如何在这里放置代码。如果可以帮助的话，我愿意通过消息发送我的代码。我花了超过30分钟尝试弄清楚

P粉041758700 2024-01-10 18:06:56

JavaScript：修改动态创建按钮的颜色/大小等

我在vuejs中创建了动态按钮，其中每个按钮代表问题的不同答案。我的目标是：当我回答错误时，正确的选项会以绿色突出显示，直到显示下一个问题。是否还可以使用CSS更改这些“BaseButtons”的其他设置？我怎样才能做到这一点？<template><divclass="container-botoes"><BaseButtonclass=&quot

P粉085689707 2024-02-17 14:35:03

Nuxt 和 Vue 社交聊天

我将Vue社交聊天模块安装到我的Nuxt应用程序中，但无法理解道具和颜色设置的工作原理。目前，一切工作正常，尽管显示的Whatsapp图标是黑色的，并且顶部栏位于语音气泡内。我将如何在Nuxt中更改此设置。作者说使用css变量，但我不知道将这些变量放在哪里以及如何在我的代码中使用它们。Nuxt也没有App.vue，所以我直接导入了模块，这似乎可以工作，但我不确定我是否正确执行。这就是我当前的def

P粉993712159 2024-03-26 20:55:20

为什么这一段落链接显得很时髦？

我在这里附加了一些代码，我最近添加了一个指向我的投资组合网站的链接，并且该段落链接正在做一些奇怪的事情，它似乎正在对齐时髦，我不确定问题是什么。我想知道它是否可能源于CSS中的其他一些样式（例如nav_links），但我不确定如何纠正这个问题而不弄乱其他样式。我向ahref添加了一个类，并尝试为其添加一些CSS样式，它解决了一些问题（如大小和颜色），但存在差距

P粉250422045 2023-09-07 15:37:04