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...


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 似乎压平或删除了


如何使用 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文件是缓存的...


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

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


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

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


引导CSS网格

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


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

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


带有 --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...


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

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


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

我有一个模块联合远程存储库,它是: 使用 React 17 构建 Material-ui 4 包括 jss 有来自第三方库的自己的全局 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...


将 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>; };


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 文档,并阅读建议的代码,我还是没有任何了解...


为什么 justify-content 将东西放在底部?我的 CSS 做错了什么吗?

我不太擅长html、css、twcss。我需要帮助。 每当我使用 justify-contents:space- Between; 时它使一些东西下降。 我的问题的图片 证明行为怪异还是我的技能问题? 接下来...


如何正确用行号围住代码块并更新代码块CSS

我正在尝试使用 Jekyll 将行号添加到 Markdown 中的围栏代码块中。此外,我正在尝试寻找更新代码 CSS 样式的方法。 关于第一个问题,我正在尝试遵循


如何使用 html 和 css 调整整个网站的大小?

我很愚蠢,当我的浏览器选项卡处于 67% 缩放时,不小心编码了我网站的 html 和 css。在 100% 缩放时,一切看起来都太大了,div 间距也变得很奇怪。这是什么...


对于小开发团队的 HTML、CSS、Javascript 开发,您更喜欢哪种版本控制系统?

哪种版本控制系统适合 4 名开发人员的 HTML、CSS、Javascript 开发? 我们是 4 名开发人员,都在不同的国家,并且都有不同的操作系统。 2


Ant-design - 如何定制CSS组件,正确的方法?

这是我第一次使用Ant-design这个非常好的工具。 就像一个优秀的前端开发人员一样,我需要遵循我的 Figma 板并修改组件。 我正在使用 CSS !重要规则来覆盖 ant-des...


无法使用 CSS 将文本元素放在另一个元素之上

我只是一个尝试编程的初学者,我目前正在学习 HTML 和 CSS,我终于开始从事我的第一个正式项目了。我只是想为本地游戏做一个简单的主页...


每个页面需要一个 CSS 文件还是单独的 CSS 文件?

当我构建页面时,我想要为每个页面使用单独的样式表还是为整个网站使用一个大的样式表?出于加载目的,单个文件不是更好的做法吗...


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