styles 相关问题

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

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

wpf xaml styles

回答 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>

css reactjs styles tailwind-css

回答 1 投票 0

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

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

html css grid styles vertical-alignment

回答 1 投票 0

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

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

html css responsive-design styles css-grid

回答 1 投票 0

Flutter 风格文本

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

flutter mobile styles flutter-dependencies

回答 1 投票 0

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

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

c# datagridview styles

回答 1 投票 0

创建三列大小相等（可调整大小）

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

html css styles width

回答 1 投票 0

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

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

css angular styles primeng

回答 2 投票 0

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

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

css reactjs next.js styles tailwind-css

回答 1 投票 0

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

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

pandas matplotlib background styles gradient

回答 1 投票 0

CSS style.css 文件未被 HTML 加载

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

html css styles github-pages

回答 1 投票 0

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

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

javascript css animation styles

回答 2 投票 0

未将样式应用于 CSS 中的元素

我编写了这个 CSS，以便如果页面大小大于 768 像素，我选择的元素将不会显示，但是当我检查元素时，样式上会出现一条线。就好像另一个ru...

html css styles media-queries

回答 1 投票 0

如何设置引导程序多选活动选项背景颜色的样式

我想更改引导程序多选活动选项的背景颜色。由于某种原因，它现在变成了红色。代码：我想更改引导程序多选活动选项的background color。由于某种原因，现在是红色。代码： <select className="form-select my-select" multiple aria-label="My select example" > <option selected>No selection</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> 加载页面后（图1）：当选项被选中且仍处于活动状态时（图 2）：选择并离开后（图3）：如何更改选定的且仍然活动背景颜色（图2）？我尝试过 active 和 focus CSS 样式，但它们对 bg color 没有任何影响： .my-select option:focus, option.focus{ background-color: green !important; } .my-select option:active, option.active{ background-color: green !important; } 图 2 有以下选择器： : 关注选择并 : 选中选项： select.my-select:focus option:checked 您无法设置背景颜色，但您可以考虑应用框阴影，如下所示： box-shadow: 0 0 10px 100px green inset; select.my-select:focus option:checked { box-shadow: 0 0 10px 100px green inset; }

css bootstrap-4 styles background-color

回答 0 投票 0

不为“.nav__btn”类应用媒体

请解释一下这个问题；我想要“.nav__btn”类显示为无，其中 min-width: 768px;但它不起作用 @media（最小宽度：768px）{ .nav__btn { 显示：无； ...

html css frontend styles media-queries

回答 2 投票 0

为什么带有alpha值的rgba颜色使我的div透明

我正在尝试为不同的弹出变体设置背景颜色，但是当我将背景值设置为其中包含 alpha 值但使其透明的内容时下面的CSS代码 --科洛...

javascript css browser styles

回答 1 投票 0

Codacy 说我的 JSP 文件中有样式信息，但我没有看到任何信息。我错过了什么？

我在 JSP 文件上运行 codacy 并收到以下错误：避免在 JSP 文件中包含样式信息。奇怪的是，它给了我以下代码作为有问题的代码，但我不......