提问搜索_PHP中文网

社区

学习

工具库

AI工具

休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

VueJS/Tailwind CSS/VITE：使用环境变量作为 Tailwind 主题的颜色

我有一个包含Vite、TailwindCSS和postcss的VueJS设置，并且想使用.env.name文件中的变量定义不同的颜色，以便我可以根据代码部署位置应用不同的颜色主题。我尝试使用包含.env文件VITE_COLOR="FF0000"并在tailwind.config.js中导入...theme:{colors:{primary:import.meta.env.COL

P粉174151913 2023-08-26 14:31:22

在VueJS中使用JS定义的名称作为CSS变量的解决方案。

我正在使用Vuetify，它为每个主题颜色（如--v-theme-primary）创建CSS变量。我希望能够在CSS中设置颜色为--v-theme-{something}，并且{something}的值来自于JS。例如：Asdconst color = ref("primary").colored-text {background-color: var(--v-theme-[[

P粉333395496 2023-08-03 20:20:26

如何有效利用 CSS 自定义属性？

我正在开发一个具有自定义主题设置的应用程序，允许用户选择应用程序用来生成一组10个顺风风格颜色变量的原色。我使用javascript生成颜色并将它们注入到dom中，但在我的研究中，我发现不可能注入scss变量，因为dom只能访问编译后的css。因此，我不得不使用css自定义属性而不是scss颜色。我知道这是一个不寻常的用例，而不是scss与颜色一起使用的方式，但我希望能够找到解决问题的有效解决方案

P粉384366923 2024-01-16 19:00:56

android - 应该如何代码控制shape的描边颜色啊？

1.这是个xml样式文件： {代码...} 2.在searchView使用该样式 {代码...} 3.需求呢，现在是这个描边颜色需要在代码中控制，也就是动态的改变样式颜色，color.xml中没有该颜色,也不是用主题来改变 4.求助……

習慣沉默 2017-06-27 09:19:00

javascript - 修改antd自定义主题颜色不成功。

按着官网给的提示自己在package.json文件中添加以下代码。页面主题颜色没有变化。。请教大家一下，多谢

巴扎黑 2017-07-05 11:06:54

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

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

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

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

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

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

线性渐变不适用于浅色/深色主题中的变量

我正在开发我的个人网站-https://cooperativedoilylivedistro.elliott23.repl.co-它根据喜好有浅色和深色主题。问题是，当我将线性渐变设置为变量时，它不起作用并且整个背景变成白色。这就是HTML、CSS和JS。如果您想了解发生了什么，请在浏览器中查看该网站。<!DOCTYPEhtml><htmllang="en"&

P粉190443691 2024-03-29 13:28:10

如何在CSS颜色变量中应用透明度？

我正在electron中设计一个应用程序，所以我可以访问CSS变量。我在vars.css中定义了一个颜色变量：:root{--color:#f0f0f0;}我想在main.css中使用这个颜色，但要应用一些透明度：#element{background:(以某种方式使用var(--color)并设置一些透明度);}我该如何做到这一点？我没有使用任何预处理器，只使用CSS。我更喜欢一个纯CSS的答案

P粉348088995 2023-08-20 18:51:07

如何自定义 VSCode id 属性？

我最近从Atom迁移到VSCode，虽然我设法根据自己的喜好自定义大部分编辑器，但我仍然缺少一些我喜欢的Atom功能。其中之一是Atom中的“id”属性曾经是一种特定的颜色，类似于#99FFFF。我浏览了主题，但无法找到一个使id属性颜色与其他主题不同的主题。我喜欢的另一个功能是，当创建一个新的HTML元素时，例如。一个div，它默认带有最常用的基本属性。我掌握了使用emmet片段的窍门，但它仍然

P粉709644700 2024-03-31 14:13:45

使用SCSS生成默认值和CSS变量

我正在实现网站样式。出于遗留支持的原因，我需要支持IE11，至少一段时间。出于工作流程和我的理智原因，我想尽可能使用css变量。我已经研究过这个解决方案，它会生成一些有效的东西，但使用起来相当冗长。我的目标是最终得到一个硬编码值，该值会立即被CSS变量覆盖。这样我就可以为每个人添加默认主题，并为那些支持css变量的浏览器添加不同的主题（例如暗模式）。显然不需要我自己写所有这些。所以我的想法是我可以

P粉295616170 2024-04-06 17:46:54

Ag-Grid：是否可以在计时器上设置行的样式，而不是基于行中的数据？

我需要在一段时间后更改行的背景颜色。网格中有一列的时间以秒为单位，我需要在该时间过去50%后更改行颜色。网格中的数据本身并没有改变，因此使用rowClassRules似乎不起作用，因为不会发生任何更改来触发根据规则评估数据。相反，我想到使用带有延迟的setTimeout()函数，但无法弄清楚setTimeout块内部会执行什么操作来将css类应用到rowNode。我不想更改行本身中的任何数据。最糟

P粉277824378 2024-04-03 20:14:05

Nuxt 和 Vue 社交聊天

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

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

CSS 样式未应用于网站

我正在使用Bootstrap5制作网站，但index.css属性未应用于index.html。当我将鼠标悬停在服务卡上时，背景应该会发生变化，从而产生过渡效果。应该是从这个到这个。但是，我认为链接到HTML的CSS可能有问题，因为当我尝试将网站的背景更改为随机颜色时，该更改不会出现在网站上。@importurl('https://fonts.googleapis.com/css2?family=P

P粉613735289 2024-04-06 17:12:23

两次使用同一个库时隔离微前端中的 CSS

我有几个微前端反应应用程序。所有应用程序均与技术无关。这意味着任何应用程序都可以有任何库作为依赖项。他们正在使用webpack模块联合插件。如果其他微前端应用程序的版本相同，则依赖项将被共享。微前端应用程序分为几组：主微前端应用程序和子微前端应用程序。主应用程序是其他子应用程序的容器。一次只能运行一个子应用程序。我们公司有带有反应组件的UI-Kit。库包括CSS变量、全局选择器(*{/*CSS规则

P粉321676640 2024-01-01 09:43:23

objective-c - presentViewController后,dismiss回来高度偏差

tab控制的两个可切换界面，其中一个presentViewController后，dismiss回来，该界面的tableView位置上移，起点在导航栏的位置了，能怎么解决吗，求大神解答。

仅有的幸福 2017-05-02 09:27:49

把gitlab中的测试项目，添加到jenkins发生认证错误

把gitlab中的测试项目，添加到jenkins发生认证错误己经把生成的SSH KEYS添加到gitlab中

伊谢尔伦 2017-05-02 09:27:51

objective-c - 做post请求时，服务端可以检测到接收到两个非空的字段，但是返回了错误

做post请求时，服务端可以检测到接收到两个非空的字段，但是返回了错误分类： JAVA HTTP Status 500 - Request processing failed; nested exception is java.lang.NullPointerException type Exception report ...

高洛峰 2017-05-02 09:27:51

github中如何将本地分支与远程标签合并？

github中如何将本地分支与远程标签合并？

PHP中文网 2017-05-02 09:27:53

objective-c - textfield输入字符串过滤

textField输入的时候过滤字符串，只能输入中文，其他的都不让输入

伊谢尔伦 2017-05-02 09:27:53