background-color 相关问题

我想更改引导程序多选活动选项的背景颜色。由于某种原因，它现在变成了红色。代码：我想更改引导程序多选活动选项的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

在 python 中设置（非唯一）多级索引数据框的子集样式

为了说明目的，我有以下数据框： ` arrays = [np.array(['杰克', '杰克', '杰克', '杰克', '杰克', '杰克', '杰克', '乔什', '乔什', '乔什', '乔什”、“乔希”、“彼得”、“彼得”……

python pandas dataframe background-color

回答 0 投票 0

使用CSS背景叠加

我试图在我的身体顶部做一个背景覆盖，但是当我将位置设置为固定时，我的页面停止滚动，我无法在下面移动。当我删除固定定位时，覆盖层仅...

html css background overlay background-color

回答 1 投票 0

Plotly Dash：单个单元格的数据表背景颜色

我在 dash_table.DataTable 中显示一个数据框，其中有一列颜色名称为十六进制格式，代码如下：导入破折号导入破折号表将 pandas 导入为 pd df = pd.DataFrame(数据 = ...

python datatable background-color plotly-dash

回答 1 投票 0

当内容滚动经过视口时，CSS 背景不可见

我正在尝试创建一个始终为 100% 高度的 css 背景，无论内容高度如何，并且当内容足够长以创建滚动条时，背景颜色将保持不变...

html css flexbox background-color tailwind-css

回答 2 投票 0

为什么 chrome 在使用背景颜色时会显示奇怪的颜色伪像？

当我尝试使用CSS向body标签添加纯色时，我得到一个奇怪的黑色方块，我不知道它来自哪里。我尝试用谷歌搜索这个问题，但没有找到任何答案。我确实找到了...

css google-chrome background-color

回答 1 投票 0

无法在 Swift 中更改 CollectionView 单元格背景颜色

我对图像和标签给出了这样的约束图像限制。标签约束代码：使用此代码我可以获得 selectedNamesArray 但无法更改单元格颜色。我在哪里...

swift constraints uicollectionviewcell background-color

回答 2 投票 0

JavaFx中如何让Table的水平、垂直角的滚轮背景颜色透明？

这是框架的图像。我突出显示了我想要透明的角。我面临着使桌子的角颜色透明的问题。我不明白为什么不是

java css javafx background-color fxml

回答 1 投票 0

使用 JSON 和相对日期设置日历视图中 Sharepoint 列表项目的背景颜色格式

我有一个具有日历视图的 Sharepoint 列表，其中日期基于标题为 ExpirationDate 的列。我想配置日历视图，以便 ExpirationDate 的项目...

json sharepoint background-color relative-date

回答 1 投票 0

如何使背景出现在具有自己背景颜色的子元素上

我有一个带子项的可滚动容器元素： Adipisci，totam。错误，命令。我有一个带子项的可滚动容器元素： <ul class="scroll-shadows"> <li>Adipisci, totam.</li> <li>Error, dicta.</li> <li class="disabled-item">Disabled input</li> <li>Eveniet, dolorem!</li> ... </ul> 可滚动容器有顶部阴影（背景）： background: linear-gradient( gray, white ) center top; 子项已禁用并具有背景颜色： .disabled-item { background-color: #F6F6F7; } 问题是禁用元素的背景颜色出现在背景阴影上方。有没有办法将阴影优先于背景颜色，以便阴影出现在顶部？我尝试过的：尝试使用背景混合模式，但没有效果。尝试使用z-indexes，但没有效果。您可以在这里看到问题： // just so demo loads scrolled down a little. document.querySelector(".scroll-shadows").scrollTop = 30; .disabled-item { background-color: #F6F6F7; } .scroll-shadows { width: 600px; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; background: /* Shadow TOP */ linear-gradient( gray, white ) center top; background-repeat: no-repeat; background-size: 100% 60px; background-attachment: scroll; } /* Not important to the functionality, just for this particular demo */ .scroll-shadows { list-style: none; padding-left: 1rem; padding-right: 1rem; } .scroll-shadows > * { padding: 0.2rem; } * { margin: 0; padding: 0; box-sizing: border-box; } body { height: 100vh; display: grid; place-items: center; font: 500 100% system-ui, sans-serif; } .scroll-shadows { --scrollbarBG: transparent; --thumbBG: #90a4ae; scrollbar-width: thin; scrollbar-color: var(--thumbBG) var(--scrollbarBG); } .scroll-shadows::-webkit-scrollbar { width: 8px; } .scroll-shadows::-webkit-scrollbar-track { background: var(--scrollbarBG); } .scroll-shadows::-webkit-scrollbar-thumb { background-color: var(--thumbBG); border-radius: 6px; border: 3px solid var(--scrollbarBG); } <div> <ul class="scroll-shadows"> <li>Adipisci, totam.</li> <li>Error, dicta.</li> <li class="disabled-item">Disabled input</li> <li>Eveniet, dolorem!</li> <li>Id, tempora!</li> <li>Voluptate, consectetur?</li> <li>Voluptatibus, omnis.</li> <li>Eius, fugit.</li> <li>Quia, non!</li> <li>At, laudantium?</li> <li>Commodi, maiores!</li> <li>Lorem</li> <li>Ipsum</li> <li>Dolor</li> <li>Sit</li> <li>Amet</li> </ul> </div> CodePen：https://codepen.io/Radek-Skrabal/pen/oNJzMEQ 您可以尝试向 .disabled-item 元素添加具有“darken”值的混合混合模式；它看起来像这样： .disabled-item { background-color: #F6F6F7; mix-blend-mode: darken; }

css scroll background background-color shadow

回答 1 投票 0

为什么我检查单元格背景颜色的 If 函数不起作用？

首先，代码：如果 ws.Cells(.Value + 1, 28).Interior.ColorIndex = 16 则 Mark1.LU1DISCOCHECK = True 否则 Mark1.LU1DISCOCHECK = False 单元格颜色正确，但 if 语句不正确

excel vba if-statement background-color

回答 1 投票 0

一种在背景颜色上设置渐变的 CSS 方法

你能帮我解决以下挑战吗？有针对这个的解决方法吗？他们有一个带有子项的可滚动容器：阿迪皮斯西，... 你能帮我解决以下挑战吗？这个问题有解决办法吗？他们有一个带孩子的可滚动容器： <ul class="scroll-shadows"> <li>Adipisci, totam.</li> <li>Error, dicta.</li> <li class="disabled-item">Disabled input</li> <li>Eveniet, dolorem!</li> ... </ul> 可滚动容器有顶部阴影（背景）： background: linear-gradient( gray, white ) center top; 子项已禁用（背景颜色）： .disabled-item { background-color: #F6F6F7; } 有没有办法让阴影优先于背景颜色？我为这种情况创建了一个CodePen： https://codepen.io/Radek-Skrabal/pen/oNJzMEQ 尝试使用背景混合模式，但没有效果。尝试使用z-indexes，但没有效果。您可以尝试向 .disabled-item 元素添加具有“darken”值的混合混合模式；它看起来像这样： .disabled-item { background-color: #F6F6F7; mix-blend-mode: darken; }

css scroll background background-color shadow

回答 1 投票 0

如何将Flutter中的导航栏背景更改为白色？

我正在尝试将导航栏背景设置为 while，但据我了解，我得到的是默认的浅灰色这是我在代码中声明背景的方式导航栏（

flutter navigation background-color

回答 1 投票 0

background-color 相关问题

最新问题