styles 相关问题

不要使用此标签。此标记目前没有单一的,明确定义的含义。它通常用于代替[css]或与[css]结合使用。它还用于有关用户界面外观和源代码格式问题的问题。

代号 Y 布局中的一个容器在使用 UIID 时不滚动

我正在准备一个使用 Boxlayout.y 中的容器的 Android 应用程序。 使用此处的代码示例时,在 x 方向滚动容器内容效果非常好。 但是当我改变

回答 1 投票 0

如何使用Python中的原始工作表格式将表格保存到Excel工作表?

我已经从应用了单元格格式(边框、合并、字体..)的 Excel 工作表中加载了数据 然后,我使用 Python 中的条件语句在特定条件下为单元格着色。我想...

回答 2 投票 0

React,如何一键切换背景颜色?

我尝试在单击后更改每个按钮的背景颜色。问题是,它适用于所有按钮,而不是仅适用于单击的按钮。我想,我应该使用 e,或者 i...

回答 4 投票 0

媒体查询对奇怪的值生效

这是我的媒体查询,因为我试图使我的反应应用程序响应。 @媒体屏幕和(最大高度:800px){ 字体大小:65px; .shuttleObject{ 宽度:90%; } } } 问题是,当我...

回答 1 投票 0

如何删除元素周围这个奇怪的轮廓?

我在这种样式的按钮周围得到了一个奇怪的轮廓。为什么会这样。 下面是代码: 我在这种样式的按钮周围出现了奇怪的轮廓。为什么会这样。 下面是代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Button</title> <style> button { padding: 1em; background: transparent; border: none; } button:focus { border-radius: 6px; outline: none; box-shadow: 0 0 0 2px white, 0 0 0 4px blue; } </style> </head> <body> <button>Button</button> </body> </html> 因为插值多个阴影。只需使用其中一个即可 button { padding: 1em; background: transparent; border: none; } button:focus { border-radius: 6px; outline: none; box-shadow: 0 0 0 2px blue; } <button>Button</button>

回答 1 投票 0

Hamburguer 菜单图标未与 tabela 对齐在同一高度且不遵循相同的样式

我添加了一个汉堡包图标,但目前没有执行任何操作。当用户单击它时,它应该在左侧打开一个侧面板来显示我们网站的选项,这意味着它应该...

回答 1 投票 0

为什么当我在 Next.js 中刷新页面时我的 CSS 样式消失了?

我在应用程序文件夹中创建了一个 CSS 文件夹,并在其中写入了 CSS 文件。然后将它们导入到组件中使用。它们在第一次加载时应用。但是当我刷新页面时,它们都消失了。 我的

回答 2 投票 0

样式表和媒体查询

在此输入图像描述 这是我的代码,我需要帮助让第一个 ul 和 div 像图片一样显示。 我是编码新手,我已经尝试让它工作几天了......

回答 1 投票 0

WPF 组合框禁用背景颜色

当 IsEnabled 设置为 False 时,WPF 组合框的背景颜色似乎不可覆盖。设置 Foreground 属性确实可以正常工作。甚至使用 snoop 并设置

回答 2 投票 0

如何通过忽略某些项目来对齐项目?

{/* 搜索栏开始 */} {/* search bar start */} <div className="search-bar h-[10%] w-screen bg-white flex items-center"> <div class="relative m-[50px]"> <div class="absolute inset-y-0 left-0 flex items-center pl-3.5 pointer-events-none"> < BiSearchAlt2/> </div> <input type="text" id="email-address-icon" class="bg-white border border-gray-200 text-gray-900 text-sm rounded-sm focus:ring-green-500 focus:border-green-500 block w-[500px] pl-10 p-3 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-green-500 dark:focus:border-green-500" placeholder="search..."/> </div> <button className='text-xl'><MdOutlineNotificationsNone/><div className='bg-red-500 w-3 h-3 relative top-0 right-0 rounded-2xl text-sm'>1</div></button> <button><BsCart3/></button> </div> {/* search bar end */} 目前我开始个人项目学习 React 和 Tailwind CSS。我有一个关于如何将此 div 放到通知按钮上的小问题。 我使用位置:相对和顶部:##左侧:##但这有助于获得最终结果。但通知图标显示如下..它与购物车图标不对齐 有人可以帮助我吗? .cart-icon img{ width: 30px; } .bell-icon img{ width: 30px; } .container{ display: flex; flex-direction: row; align-items: center; gap: 10px; } .color-bg{ display: flex; flex-direction: row; align-items: center; justify-content: center; position: absolute; top: 0; right: -5px; width: 16px; height: 16px; background-color: yellow; border-radius: 50%; } .cart-icon{ position: relative; top: 0; } <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script> <div class="container"> <div class="cart-icon"> <img src="https://cdn-icons-png.flaticon.com/512/3081/3081986.png" /> <div class="color-bg"> <p>1</p> </div> </div> <div class="bell-icon"> <img src="https://icons.veryicon.com/png/o/miscellaneous/fine-fillet-icon/notification-bell.png" /> </div> </div>

回答 1 投票 0

CSS灵活的不同行高的网格列布局 - 如何将文本垂直对齐到顶部?

我正在开发一个网页布局,我需要创建一个具有不同行高的灵活的列结构。目标是有一栏具有更高的行高,同时确保两个段落...

回答 1 投票 0

这两种网格居中对齐内框的CSS有什么区别[重复]

我已经使用 CSS 网格编写了两个片段来居中对齐内部框,但无法理解其中的区别。 我知道我们还有其他方法可以做,但很想知道确切的区别

回答 1 投票 0

Flutter 风格文本

我正在解决文本样式。我有这样的字符串: “@123 #123 文本正常 @tag #hashtag 文本正常” 内部插入标签文本正常时将为红色。 标签与标签将为红色但粗体。

回答 1 投票 0

DataGridView 更改单元格背景并恢复默认样式

在我的DGV中,单击一个单元格后,我想用某个值更改同一列的所有单元格的背景颜色。单击另一个单元格后,前一个单元格(及其所有列...

回答 1 投票 0

创建三列大小相等(可调整大小)

我想创建一个具有三列的模块化界面,所有三列应该基本上具有相同的宽度,每列之间有一个分隔线。 如果然后按住分隔线并向左拖动...

回答 1 投票 0

Angular:primeng 中的样式即使列在 styles.scss 中也不起作用

我已将 primeng 添加到我的 Angular 项目中。但样式不起作用。 我已将样式放入 style.scss 和 angular.json 中。但我总是做服务它不起作用 我的styles.scss: @导入'../

回答 2 投票 0

(tailwindcss) 我的侧边栏项目,右边框在不同浏览器中看起来不同

侧边栏项目的右边框在不同的浏览器中看起来不同。就我而言,Mozilla 和 Chrome。那么我该如何解决这个问题呢? 下面是来自 Mozilla 和 Chrome 的图像 来自莫兹...

回答 1 投票 0

发散的背景渐变将中间颜色设置为值“0”

我的目标是获得一个背景渐变从红色到白色(中间颜色)到绿色的 df.style 。问题是我想将白色设置为值 0。所以,如果我们有一个具有值的列...

回答 1 投票 0

CSS style.css 文件未被 HTML 加载

这太尴尬了。我无法获取以下 css 文件进行渲染。我正在使用 github 页面来尝试教孩子们网站如何工作。当我们到达 CSS 部分时,我创建了这个...

回答 1 投票 0

用js更新css动画名称,动画不起作用

我有一个问题,我想在单击按钮时制作动画。 CSS代码: 图像{ 位置:相对; 宽度:150px; 右:50 像素; z 索引:1; 动画持续时间:2s; } @关键帧

回答 2 投票 0

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