css-variables 相关问题


如何在 CI YAML 脚本中通过 AzureCLI@2 在 az 容器创建中使用 --environment-variables

使用 AzureCLI@2,我正在努力弄清楚如何利用 --environment-variables 参数进行 az 容器创建。这是我尝试过的,示例环境变量名为 &...


如何编写类型安全的函数签名来接受 amplify-js v6 graphql 订阅通知的回调函数?

使用版本 6.0.9 的 NPM 库 aws-amplify (不是 5.x.x!),我尝试将调用包装到 client.graphql({ query: typedGqlString, Variables}).subscribe({ next, error }),这样我就可以治疗...


Next.js 14 个 tailwind css 类不起作用

我在新项目中将 Tailwind CSS 与 Next.js 14 一起使用,但是当我在 page.tsx 文件中使用 Tailwind CSS 类时,它不起作用。我尝试更改 tailwind.config.ts 和 tailwind.config.js acco...


CSS 盒子模型的元素是什么?

CSS 盒子模型的元素是什么? 给我与问题相关的答案... 区分 CSS3 和 CSS2。 CSS3和CSS2的主要区别在于CSS划分了不同的se...


如何在 Tailwinds CSS 中创建分组按钮?

我正在尝试使用 Tailwind CSS 创建此输入布局,但我似乎没有发现 Tailwind CSS 默认支持此功能。 我该怎么做? 预先感谢您。


CSS 中的滚动条问题

/* 自定义 CSS =================================================== */ body::-webkit-滚动条 { 宽度:10px; } body::-webkit-scrollbar-track { 框阴影:插入 0 0 6px rgba(0, 0, 0, 0.3); }


CSS 网格自定义布局

我正在尝试构建一个 CSS 网格 我不想在 item2 和 item3 之间有空间,并且希望这些项目在容器顶部对齐。 是否可以仅使用 CSS 而不修改...


在JS中解析JSON字符串[已关闭]

在JS文件中我有: {html: '测试代码 HTML', css: '测试代码 CSS'} 我如何解析它以获得 html 和 css 的值? 这是我尝试过的: const json = JSON.parse(数据); 反对...


使用 :host ::ng-deep 设置 CSS 角色到角度组件 CSS 不起作用?

尝试使用以下方法设置角度组件的 CSS prop :host ::ng-deep .p-dropdown-panel { 变换原点:中心底部!重要; 顶部:-119px!重要; 左:0!重要; } ...


Vite 如何处理删除内置 .css 文件中的 .css 嵌套?

我一直在使用 Vite,并注意到由于删除了嵌套,构建的 .css 文件与原始源有所不同。具体来说,Vite 似乎压平或删除了


仅当超过一定高度时才可调整大小

考虑以下 HTML+CSS 中可调整大小的 div: Lorem ipsum dolor sat amet.... /* CSS */ .mydiv { 高度:200px; 溢出-y:...


React、Mantine、CSS 模块无法正确加载

我正在使用 TypeScript 和 Mantine 开发一个 React 项目。我正在使用 CSS 模块来设置组件的样式。然而,在看似随机的时间,CSS 停止加载(据我从 Dev 观察到......


如何使用 JavaScript 变量调整 CSS 属性?

我的问题: 大家好。我只是有一个关于使用 JavaScript 更改 CSS 属性的问题。我想使用我在 JavaScript 中编写的方程式来更改 CSS 属性的值。 我的目标是...


Safari 不显示/渲染图像的 css

我的 GitHub 页面网站上有一个个人资料图片,它使用一些 CSS 使其看起来很酷。图像在 chrome 或 Firefox 中显示完美,但在 safari 中似乎忽略了图像的所有 css...


如何使用CSS创建带有曲线的自定义按钮

我正在尝试使用CSS实现一个自定义样式按钮,如下图所示。 我在我的 css 文件中尝试了这个,并且能够实现更接近所需设计的效果: .casinoButton {


css 选择器:div 内第一段的第一个字母

曾几何时.. 一个美丽的公主.. 我如何选择(在我的CSS中)这里面第一段的第一个字母...


为什么每次按下 Ctrl + F5 时 Angular 都会调用 SCSS 文件?

我在使用 Angular 时遇到问题,当我按 Ctrl + F5 时,CSS 文件会重新加载,这会破坏我的布局,直到 CSS 文件加载完成。 F5没有问题,因为CSS文件是缓存的...


如何从Chrome扩展程序的选项页面启用/禁用manifest.json CSS内容脚本?

有什么方法可以从 browserAction 或 pageAction 图标禁用/启用 CSS 内容脚本吗?我说的是在


如何用css渐变绘制垂直虚线和实线

如何制作带有 90 度线的 CSS 背景渐变。应该从无线开始,然后是一条实线,接下来的 3 条虚线。


CSS 伪类组合 :first-child 和 :first-letter

我一直在研究 CSS 伪类,并尝试了一些可用的类来看看什么可以做,什么不能做。 我的问题是: 我想使用 :first-child se...


引导CSS网格

我正在尝试设置一个简单的示例,使用引导CSS的网格功能,并有一个index.html文件,该文件的容器有两行,每行有两列。但不是col...


CSS线性渐变多次显示

我在 HTML 网站的 CSS 中实现了线性渐变效果。然而,在查看它时,我注意到渐变被显示了多次。 作为上下文,我的网站由...


如何更改 Javascript 元素上的 CSS 样式?

我希望电影标题和电影年份以我在 CSS 文件中设置的样式显示。目前,JavaScript 创建的元素仅显示纯黑色文本。 t 的样式...


不理解CSS中的!important关键字

我需要一些帮助来弄清楚 CSS 中 !important 关键字的工作原理。 。按钮 { 字体大小:20px; 颜色: 白色; 背景颜色:绿色; } .div1 { 背景颜色:蓝色; } #导航。


带有 --css bootstrap 的 Rails 7 新应用程序 - Turbo 按钮不起作用

使用 Rails new myapp --css bootstrap 创建新应用程序 Rails 7 时,我的涡轮按钮将不起作用: =button_to“退出”,edit_post_path,方法::删除,形式:{数据:{turbo_confirm:“...


Glob 并包含当前目录和递归子目录

假设我有以下目录结构: 文件.txt 文件.css 文件.js 目录/文件.txt 目录/文件.css 目录/file.js 目录/子目录/文件.txt 目录/子目录/文件....


如何使用CSS自动增长文本区域?

给定一个以小框、单行开始的文本区域,当用户键入多行内容时,是否可以使用 CSS 自动增长为多行,直到设定限制(300 像素)...


如何使用CSS设置Formkit提交按钮的样式?

我正在使用 formkit 和 vue3。我还为 formkit 导入了 genesis 主题。 但我想用 css 将提交按钮从默认的蓝色设置为另一种颜色。但不知道如何...


Next.js 项目中自定义类的 Tailwind CSS 编译错误

我正在使用 Tailwind CSS 开发 Next.js 项目,但遇到了似乎无法解决的编译错误。该错误与我在 theme.css 中定义的自定义实用程序类有关...


CSS Grid 使页面自动滚动

我一直在论坛上寻找解决这个问题的方法,我能找到的最接近的就是这个。但似乎没有解决办法。 我有一个 CSS 网格,它是 grid-template-columns: Repeat(auto-fill,...


CSS多按钮无法正确定位

我无法在 CSS 中获得两个按钮的正确定位。 下图详细说明了我想要的结果,但我需要有关相对于上面文本区域的定位的帮助。 想要的 r...


在 CSS 中以不同高度布置元素在三列中

我想在 CSS 中布局一些元素,这些元素在三列或四列中垂直“流动”,如下所示: 布局应该将元素像 pos 一样均匀地放置在列中...


间距和宽度表CSS

我需要这方面的帮助。我不太擅长 CSS/布局或 UI 设计。我只是想知道怎么做这个无法弄清楚,为什么它会在这些表上做这些事情: 在红框里,我的


如何使用 html 和 css 关键帧创建动画

我正在尝试使用 html 和 css 动画关键帧创建这个漂亮的动画,但我被卡住了。我尝试过改变旋转和变换,但我无法让它像图像一样


如何使用css制作如图所示的圆形波浪边框?

图像的右侧是问题所在,我无法将边框做成像这样的波浪。 我希望它弯曲但不对称。 这是我使用的最接近的(https://css-generators.com/wavy-shape...


将 props 传递给 nextjs 中的页面组件

我正在使用 nextjs 的 withlayout 函数为某些页面添加侧边栏。 导出类型 PageWithLayout = NextPage & { withLayout?:(页面:ReactElement)=> 我正在使用 nextjs 的 withlayout 函数为某些页面添加侧边栏。 export type PageWithLayout<P = {}, IP = P> = NextPage<P, IP> & { withLayout?: (page: ReactElement) => ReactNode; }; 这是我的使用方法: export const Interactions: PageWithLayout = () => { const [ getInteractions, { data: interactionData, fetchMore, variables, loading: isInteractionsLoading, error: isInteractionsError, }, ] = useGetInteractionsLazyQuery({ notifyOnNetworkStatusChange: true, fetchPolicy: "network-only", ssr: false, }); return ( <> <Box height={"100vh"}> </Box> </> ); }; Interactions.withLayout = (page: ReactElement) => { // how do I pass isInteractionsLoading as a prop to this component return <Layout>{page}</Layout>; }; export default Interactions; 我想要实现的是将 isInteractionsLoaded 和 isInteractionsError 作为属性传递给我的布局组件,以便我可以渲染这些状态。有没有一种方法可以实现此目的,而无需将布局组件移动到页面组件内? 创建一个包装组件的 React Context 提供程序可能是您使用的解决方案,如果您不想使用任何其他包或不想使用 redux 等更强大的工具,则可以使用。 但是在这里使用有点尴尬,具体取决于包含交互的组件树是什么样子。否则可以根据您的需要使用 _app 入口点。 示例上下文和用法 import React from 'react'; export const InteractionContext = React.createContext({ isInteractionsLoading: false, isInteractionsError: null, }); // parent component or _app if necessary const ProviderComponent = () => { return ( <InteractionContext.Provider value={{ isInteractionsLoading, isInteractionsError }}> <Interactions /> </InteractionContext.Provider> ); }; const Layout = ({ children }) => { const { isInteractionsLoading, isInteractionsError } = useContext(InteractionContext); // Now you can use isInteractionsLoading and isInteractionsError here // ... return <div>{children}</div>; };


CSS:如果我在CSS中设置高度,当我设置高度时用鼠标拖动时,面板在调整大小时会出现问题,因此它会冻结

我有 3 个面板(左、中、右),当我用鼠标拖动它们时,它们会调整大小。在右侧面板中,我有一个 iframe,其 css 为 width: 100%。为了让它更清晰,我把它涂成红色。 我愿意


具有多个React版本和CSS隔离的模块联合

我有一个模块联合远程存储库,它是: 使用 React 17 构建 Material-ui 4 包括 jss 有来自第三方库的自己的全局 CSS,我无法编辑 我有多个主机...


当项目首先下降到左列时创建动态 CSS 网格

我正在尝试设计一种 CSS 样式,其中有两列,并且项目首先从左列向下流动,然后再从右列顶部开始。我可以让它为一组工作...


在CSS中旋转排除的蒙版图像

我在CSS中有一个遮罩图像,我可以使用遮罩位置属性轻松定位它,但我不知道如何旋转它。如何在不旋转整个元素的情况下旋转蒙版图像? ...


CSS 覆盖手风琴导致黑暗模式

我正在使用 Flowbite 的手风琴组件。我无法弄清楚是什么导致手风琴在页面加载时进入黑暗模式。我确实检查了元素并看到了它的一些暗模式 CSS ...


我的 css 无法在与 vite 反应时自动加载

我有一些css和js文件,我尝试使用vite导入到React中的视图中,以便它加载样式,但它没有加载,当我进入视图时,我必须注释和取消注释小鬼...


CSS 选择器用于选择 html 表格同一行中的列

我有一个关于如何使用 css 类选择器更新同一行中的列的问题。下面是示例场景。 物品 价格 折扣 最终价格 移动的 500 10 450 笔记本电脑 ...


TypeScript 仅抱怨在 VSCode 中关闭 .d.ts 文件时未找到 css 模块的模块

我有一个与这个问题非常相似的问题,在尝试导入CSS模块时抛出“找不到模块”错误。但是,该问题的建议答案是创建一个


使用打字稿创建react-app css模块:无法解析.module.css

我正在尝试将CSS模块与打字稿和create-react-app反应应用程序一起使用。 我确实导入了'./App.modules.css';在我的 App.tsx 中,但出现错误: 找不到模块:无法解析'./App.modules.cs...


React(模块化CSS)中可以删除css类前缀吗

我正在使用 React 和 NextJS,我注意到在使用模块化 scss 文件时,它会使用文件名自动为我的类名添加前缀? 有办法禁用这个吗?因为它使 DOM 变得相当


CSS - 如何使用 CSS 增加下拉菜单的宽度?

在代码中我有复选框,选中时会显示下拉列表。 如果选择下拉列表的第一个值,则下一个下拉列表将显示在其旁边。 问题是我无法增加宽度...


Django 找不到 css 文件

请帮忙,我的django无法将我的css链接到我的html模板。我已经实现了几乎所有我能找到的解决方案,添加了一些推荐的url模式,尝试了完整路径而不是相对路径,确保...


如何设置简单的 css `:hover {` 颜色更改在 `background:url()` 中使用的 `svg`

我正在尝试设置一个简单的 css :hover { 在背景中使用的 svg 上更改颜色:url() 我正在尝试使用中风=“currentColor”,但这不起作用。 唯一可能的方法似乎...


如何使用 CSS conic-gradient 绘制重复的*水平*虚线?

我刚刚阅读了如何使用 css 渐变绘制垂直虚线和实线 但我不得不说,尽管一遍又一遍地阅读 MDN 文档,并阅读建议的代码,我还是没有任何了解...


© www.soinside.com 2019 - 2024. All rights reserved.