styles 相关问题

我想更改引导程序多选活动选项的背景颜色。由于某种原因，它现在变成了红色。代码：我想更改引导程序多选活动选项的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 文件中包含样式信息。奇怪的是，它给了我以下代码作为有问题的代码，但我不......

html css styles codacy

回答 1 投票 0

如何在 Tailwind CSS 中仅向左边框赋予颜色？

我试图在顺风CSS中为左边框赋予蓝色我尝试将代码编写为 border-l-8-blue 然而，这是一个错误的代码，并且永远不会起作用。这是我的问题，有什么办法可以...

javascript html css styles tailwind-css

回答 5 投票 0

如何删除下拉菜单中的空白

嗨，我尝试在 asp.net core MVC 中创建自己的文本编辑器。一切都很好，但我的风格有一些问题。正如你在下图中看到的，我有一个文本颜色按钮，有 9 种默认颜色...

javascript html css styles

回答 1 投票 0

MaterialUI 自定义悬停样式

我是 React 的新手，我对如何重写 Material UI 中的类有点困惑。我查看了示例并尝试模仿它，但它似乎没有达到我想要的效果......

reactjs styles

回答 6 投票 0

当文本超过 200 个字符时选择选项溢出网页

此选择控制溢出网页如图所示仓鼠此选择控制溢出网页如图所示 <div> <select id="animalName"> <option value="hamster">Hamster</option> <option value="parrot">Parrot</option> <option value="spider">Lorem ipsum dolor sit amet,consectetuer adipiscing elitAenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu</option> <option value="goldfish">Goldfish</option> </select> </div> 当选择选项溢出页面时，我想使用 CSS 而不是 JavaScript 省略、裁剪或将其划分为多行注意：我尝试了这个CSS，但它不起作用 option{ text-overflow: ellipsis; overflow-wrap: break-word; word-wrap: break-word; overflow: hidden; white-space: normal; } 由于您使用的是 bootstrap 4，因此您可以将 bootstrap 的 dropdown 类与 text-truncate 类结合使用。例如： <div class="dropdown"> <button class="btn btn-secondary dropdown-toggle" type="button" id="asdf" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown button </button> <div class="dropdown-menu " style="width: 8rem;"> <a class="dropdown-item text-truncate" href="#">Hamster</a> <a class="dropdown-item text-truncate" href="#">Lorem ipsum dolor sit amet,consectetuer adipiscing elitAenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu link</a> <a class="dropdown-item text-truncate" href="#">Goldfish</a> </div> </div>

html css bootstrap-4 styles html-select

回答 0 投票 0

Griffel - JS 中的 CSS - 无法覆盖父元素悬停时的子类规则

我第一次使用 Griffel https://griffel.js.org/，我正在努力实现这个简单的事情。默认情况下，此按钮是隐藏的，当用户将鼠标悬停在父级上时，我想要...

css reactjs styles css-in-js griffel.js

回答 1 投票 0

svelte 中的动态全局 css 变量

我正在尝试在我的 svelte 应用程序中实现主题。一些简单的事情，比如： { 光：{ colorPrimary：“天蓝色”，colorSecondary：“白色”}，深色：{ colorPrimary：“白色&quo...

css styles svelte

回答 1 投票 0

CSS：提交按钮看起来比文本输入和文本区域小

我刚刚注意到一个非常简单的表单的奇怪渲染。这是我的标记/CSS：http://jsfiddle.net/a9PLM/ 正如您所看到的，文本字段和按钮共享相同的样式，但它们的大小是...