将焦点设置在输入上并更改li背景颜色
是一个前端开发的问题。在前端开发中，可以通过JavaScript来实现这个功能。
首先，我们需要给输入框添加一个事件监听器，当输入框获得焦点时触发事件。可以使用addEventListener方法来添加事件监听器，监听focus事件。
接下来，在事件处理函数中，我们可以通过修改li元素的样式来改变其背景颜色。可以使用style属性来修改元素的样式，将背景颜色设置为所需的颜色。
以下是一个示例代码：
HTML部分：
<input type="text" id="myInput">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>JavaScript部分：
const input = document.getElementById('myInput');
const liElements = document.querySelectorAll('li');
input.addEventListener('focus', function() {
liElements.forEach(li => {
li.style.backgroundColor = 'yellow';
});
});在上述代码中，我们首先获取了输入框和所有的li元素。然后，我们给输入框添加了一个focus事件监听器，当输入框获得焦点时，事件处理函数会被触发。在事件处理函数中，我们使用forEach方法遍历所有的li元素，并将它们的背景颜色设置为黄色。
这样，当输入框获得焦点时，li元素的背景颜色会变为黄色。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云前端开发服务：https://cloud.tencent.com/product/fe
- 腾讯云云原生服务：https://cloud.tencent.com/product/tke
- 腾讯云服务器运维服务：https://cloud.tencent.com/product/cvm
- 腾讯云数据库服务：https://cloud.tencent.com/product/cdb
- 腾讯云音视频服务：https://cloud.tencent.com/product/vod
- 腾讯云人工智能服务：https://cloud.tencent.com/product/ai
- 腾讯云物联网服务：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发服务：https://cloud.tencent.com/product/mobdev
- 腾讯云存储服务：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙服务：https://cloud.tencent.com/product/ue 请注意，以上链接仅供参考，具体的产品选择应根据实际需求进行评估。
相关·内容
我正在尝试自定义使用CSS导航条，但有问题，如何使子菜单的100%宽度。目前看来是固定的。当没有足够的空间显示整个菜单时，我也在试图找出如何使子菜单显示在下拉菜单的两边。
信息。目前，无论子菜单的大小如何，它们都会出现在菜单的右侧。
我尝试过在CSS中添加各种位置:并显示:标记。
海军条形码：
CSS代码：
/*****顶部菜单*/ .navbar {页边: 0；背景：#fff；边框: 0；-moz-边框-半径: 0；-webkit-边框-半径: 0；边框-半径: 0；}ul.nabar-导航{字体大小:14 5px；颜色：#888；文本转换:大写；}ul.nabar-nav
浏览 1提问于2019-01-30得票数 0
9回答
所以我有一个文本输入，我在chrome上使用html5，我想改变文本输入的外观，我删除了焦点上的轮廓(chrome上的橙色)，我将背景设置为浅色#f1f1f1，但现在在顶部和左侧有一个更厚的边框，就像是为了看起来被推入，当背景颜色没有变化时，这种情况不会发生。如何删除它？很抱歉，我无法在移动设备上提供图片。
它发生在chrome上，也就是Firefox，不能测试任何其他浏览器。
浏览 2提问于2012-10-09得票数 85
回答已采纳
1回答
此函数允许我创建新的li元素，并将其附加到当前的todo列表中。
var newListElement =
"<li>" +
'<input type="checkbox"/>' +
"<label>" +
'<input [type="text"] placeholder="Insert your new task here"/>' +
"</label>" +
'<
浏览 22提问于2020-06-02得票数 1
1回答
当我将焦点放在输入字段上时，我正在尝试使span背景改变颜色。HTML如下：
<div class='parentDiv'>
<span class='spanClass'>Some text</span>
<input class='inputClass' type='text' />
</div>
我能做的最接近的事情是使用+相邻兄弟选择器，并执行如下操作：
input:focus + span {
background-color: red;
}
但它并
浏览 5提问于2016-08-12得票数 0
回答已采纳
我想更改焦点中的输入元素的颜色。我试过了，但似乎没有用。
HTML
<li>
<input id="text1" onfocusout="removeColor()"onfocus="changeColor()" class="slut" value="{{Number}}">
</li>
<li>
<input id="text1" onfocusout="removeColor()"onfocus="ch
浏览 9提问于2017-03-24得票数 1
回答已采纳
我已经更改了Bootstrap菜单的背景颜色，但是当子菜单(单击下拉菜单时打开的菜单)处于焦点(即我的鼠标位于其上)时，列表中主要下拉菜单的背景颜色会发生变化。
这是悬停时的下拉列表(行为与预期一致)：
这是当我将鼠标放在下拉列表打开的子菜单上时的下拉列表(背景颜色不是我想要的颜色；我希望背景颜色保持不变)：
下面是HTML：
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"&g
浏览 1提问于2013-08-31得票数 1
如果我有一个设置了显式背景颜色的div，并且里面有一个input元素，背景颜色设置为'inherit'，那么它在Chrome、Firefox和Safari上就能正常工作，但在IE 8、9或10上就不能工作了。
下面是一个说明问题的最小示例：
文本框应具有相同的背景色。当您将鼠标悬停在div上时，div的背景颜色会发生变化，输入也会发生变化。当你点击输入的时候，有一个:焦点规则，它覆盖了继承。
浏览 1提问于2013-07-06得票数 22
回答已采纳
我有多个颜色输入(总共16个)，我使用div作为包装器来设计样式。包装器div color-wrapper本质上是我的颜色输入。
<ul class="color-picker__list">
<li>
<div class="color-wrapper">
<input id="highlight-background" type="color" value="#F7EBC6">
浏览 1提问于2020-01-29得票数 1
回答已采纳
1回答
我正在用HTML和JavaScript构建一个富文本/wysiwyg编辑器组件。我有一个无序的工具栏项目列表，其中包含一个颜色选择器的图像输入元素。颜色选择器是一个覆盖，它显示在输入元素的单击事件上。
问题是：
我希望当焦点从工具栏项输入元素丢失时，颜色选择器覆盖将被隐藏。因此，我处理输入元素的模糊事件，并在颜色选择器覆盖上调用隐藏。我还使用了一个轻微的超时，因为输入元素的模糊事件将发生在颜色选择器覆盖内的单击事件处理程序之前。在IE中，这一切都很好，然而，在FireFox中，超时需要比我所希望的要大得多。
我尝试将输入元素更改为锚，并将覆盖放置在内部(这是一个非常有趣的尝试，试图说工具栏项目
浏览 1提问于2009-12-13得票数 0
我试图做一个悬停效果，以改变其他"a“标签和悬停的"a”标签。到目前为止，我只能做选定的悬停。
ul li{
list-style: none;
}
ul li a {
color: black;
}
ul li a:hover{
color: green;
background: orange;
}
ul li a:hover:not(a:hover){
color: red;
background: black;
}
<ul>
<li>
<a>test</a>
浏览 3提问于2020-08-27得票数 0
回答已采纳
我在我的网站上有一个顶部的下拉导航，我想要的背景颜色不同。我的网站背景颜色是灰色，而我只希望标签部分是(例如)白色。
我的背景颜色的CSS如下所示：
body{
background-color:#D0D0D0; margin-right:10%; margin-left:10%; margin-top:0%;
}
我希望我的下拉导航有一个白色的背景，同时保持页面的其余部分相同。我的下拉列表在一个header.php文件中，然后在中引用。
我的导航HTML如下：
<center><nav>
<ul>
<li><a href=
浏览 1提问于2013-10-02得票数 1
回答已采纳
我想使用VBA更改窗体上的combox box的BackColor。我使用以下代码：
Me.Combo1.BackColor=vbYellow
但是背景颜色不变。然后，我将DoEvents放在上面的代码行后面，但这没有任何帮助。Combo1.BackStyle设置为Normal。然而，我注意到，如果我最小化窗体，然后恢复它，背景颜色会变成黄色。
我是否需要将焦点设置到不同的控件上才能使背景色发生变化？
浏览 0提问于2017-02-06得票数 1
2回答
.myActive{
background:white;
color: red;
}
.navbar > li > a:hover,
.navbar > li > a:focus{
background: ;
color: #333;
}
<ul class="navbar">
<li> <a href="index.html">Home</a></li>
<li> <a href="#">Categories&
浏览 6提问于2017-07-26得票数 0
回答已采纳
2回答
我试图让锚点在活动和焦点上更改颜色，但要么是我的语法错误，要么是样式被覆盖。
<ul id="nav">
<li class="nav active">
<a href="/">HERE</a>
</li>
<div class="dropdown">
<li class="drop nav active">
<a href="/about.php"
浏览 0提问于2016-02-21得票数 1
3回答
我有一个简单的带有TextBox的用户控件。当TextBox获得焦点时，我想更改用户控件的颜色。这就是我所拥有的：
<UserControl x:Class="OutLookContactList.ContactSearchControl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Name="root" MinHeight
浏览 0提问于2009-09-17得票数 3
回答已采纳
2回答
我遇到了一个框及其相关的css轮廓样式的问题。当框被聚焦时，它应该有一个蓝色的轮廓(工作)。在表单验证中，如果出现问题，则添加.error类来更改轮廓和背景颜色为红色(不起作用)
关于focus，我有一个风格：
input, select {
font-size: 10pt;
border: solid 1px #9598a0;
padding: 2px;
}
input:focus{
background: #EFF5FF;
color: black;
outline: solid 2px #73A6FF;
}
对于错误，请执行以下操作：
i
浏览 0提问于2013-02-12得票数 6
回答已采纳
1回答
这可能是个简单的问题，但我找不到答案。
当我点击TEdit组件时，我想改变它的背景颜色(在焦点上)，当我点击其他地方时，背景应该回到以前的颜色。
附注:我使用的是火猴，而且它是多平台的应用，所以我需要使用风格。
浏览 2提问于2018-05-04得票数 0
我有一个清单：
<ul>
<li>Apple</li>
<li>Banana</li>
<li>Citrus</li>
</ul>
当我在<li>节点上设置背景颜色时，<ul>节点上的长方体阴影(插图)将被隐藏。有没有一种方法可以在前景上获得<ul>的内部阴影，使其与<li>节点的背景颜色重叠？
根据要求，这里是示例：将鼠标悬停在项目上，您将看到红色背景颜色将覆盖内部阴影，删除效果。
浏览 0提问于2012-03-27得票数 6
回答已采纳
1回答
在一个表单上，我有4个MSFlexGrids。
顶部网格包含动态数据，这些数据偶尔会更新一次。用户可以在其他3个网格的单元格中输入数据。
用于填充顶部网格的数据通过Winsock控件接收、处理，然后使用.TextMatrix(intRow, intCol) = strData将结果写入相应的单元格
这可以很好地工作。数据被完美地更新，用户可以将他的数据输入到其他3个网格中，没有任何问题。
当我想要更改顶部网格中某些单元格的背景色时，就会出现问题。在极少数情况下，接收到的数据非常重要，相应单元格的背景颜色应该改变颜色。
我用下面的代码改变了单元格的颜色：
With grd
For lngRo
浏览 9提问于2013-03-12得票数 1
回答已采纳
3回答
我正在使用jQuery UI动画背景颜色。我有一个有背景颜色的5个项目的列表。每个li都有一个不同的背景色，在css中指定如下：
li:nth-child(1) {
background-color: rgb(147, 215, 224);
}
每个李里面都有一个复选框。我想让它像这样发挥作用：
当前将检查LIs中的所有复选框。当未选中li内的复选框时，li将具有特定的背景色(对于所有LIs来说，此背景色将是相同的)。在再次选中复选框后，LI将显示原来的背景色。我有这个密码，但我知道这很糟糕。当我取消选中复选框时，它工作得很好，将背景颜色动画到我想要的地方，但是当它再次被选中时，我无法
浏览 0提问于2013-08-14得票数 3
回答已采纳
我有一个jquery UI菜单，我想在其中高亮显示一个选定的项目，然后在单击并高亮显示另一个项目后取消高亮显示它。一旦在菜单上检测到select事件，我就会更改css背景颜色属性，但在此之前，我想检查所有项，看看以前的选择是否仍然突出显示，取消突出显示它，然后突出显示新的选择。
<script>
$(function(){
$(".menu").menu({
//detect select event
select:function( event, ui ) {
浏览 0提问于2013-03-30得票数 0
回答已采纳
1回答
我的选项卡文本颜色不会随着页面加载而改变。默认活动选项卡的背景颜色随加载而改变，但文本保持相同的颜色。
body {font-family: "Lato", sans-serif;}
ul.tab {
list-style-type: none;
margin: auto;
padding: auto;
overflow: hidden;
border: 1px solid #ccc;
color: #ffffff;
float: center;
}
/* Float the list items side by si
浏览 5提问于2017-02-14得票数 0
回答已采纳
3回答
span列的文本长度(或li)
、、、、
我有一个鼠标悬停功能，可以改变安莉元素跨度的背景色，但背景色的改变只改变跨度文本的背景，而不是整个长度列。如何在不更改li元素的背景颜色的情况下将背景颜色扩展到列的整个长度。我不想更改li元素的背景颜色，因为li元素可能包含我不想更改背景颜色的ul和li元素的子元素。
JSFiddle：
HTML：
<li>
<span class="text">HIGHLIGHT FULL LENGTH (DO NOT HIGHTLIGHT WITH BELOW HIGHTLIGHT)</span>
<ul>
<li>
浏览 1提问于2015-05-19得票数 0
我有一个无序的列表与链接标签在里面，我想改变颜色的背景和文字时，该列表是徘徊在用户鼠标。
这是我的html：
<ul>
<li><a href="">text</a></li>
<li><a href="">text</a></li>
<li><a href="">text</a></li>
</ul>
这是我的css：
li:hover {
background-colo
浏览 6提问于2015-11-23得票数 1
回答已采纳
我的文本框在通过触摸输入手动选择时将正确地更新它们的前景和背景颜色，但如果我在创建它们之后使用Textbox.Focus()方法，将无法更新它们。
问题类似于此--
我的应用程序创建一个具有关联GotFocus事件的textbox，每当textbox接收到焦点时，该事件都会将textbox的前景色和背景色更改为系统默认值。当用户按下键盘上的enter键时，应用程序会在第一个文本框下面生成另一个相同的文本框。
问题是，对于这些文本框中的任何一个，如果手动按下文本框，一切都会正常工作，并且文本框将按其预期的方式显示。但是，如果我在按enter键之后使用TextBox.Focus()，尽管焦点被传
浏览 1提问于2013-02-19得票数 0
我有两个带有两个状态的EditText。聚焦状态和缺省状态。
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_focused="true" android:drawable="@drawable/focused" />
<item android:drawable="@drawable/not_focused" />
</selector>
浏览 2提问于2015-05-11得票数 0
我有很多按钮，我用‘按钮’标签创建，我使用:焦点选择器将按钮的颜色从另一个颜色更改为黄色，当我点击它时。
现在，我有Javascript代码，它可以做同样的事情(改变按钮的背景色)，唯一的区别是它连接到输入。
下面是一个例子：
function coloringButton() {
let myInput = document.getElementById("numbers");
let lastChar = myInput.value.slice(-1);
switch (lastChar) {
case '1':
doc
浏览 7提问于2021-12-08得票数 0
回答已采纳
我正在使用一个位于平显面板上的NSOutlineView。我对其进行了配置，使其不会绘制其背景。在双击编辑单元格之前，一切看起来都很好。字段编辑器绘制其背景和焦点环，这完全破坏了整个用户体验。
这就是我在NSTextFieldCell的子类中做的事情：
- (NSText *)setUpFieldEditorAttributes:(NSText *)textObj
{
NSText *text = [super setUpFieldEditorAttributes:textObj];
[text setDrawsBackground:YES];
[text se
浏览 4提问于2011-03-27得票数 5
回答已采纳
3回答
我有一个追随者，但在我的网站上，当点击更新数据库通过ajax。
成功返回后，我更改了按钮的类，以显示不同的背景色。
这在桌面上很有效，但在移动设备上提交按钮仍然是活动的/具有悬停操作。
当悬停提交时，我有一个仅用css :hover改变背景颜色的hover事件。
div的颜色与悬停时的颜色相同，但在ajax响应更改了类之后。
希望到目前为止这是有意义的。
所以我在表单中有一个提交：
<form>
<input type="submit" id="followsubmit" class="followbuttonNO">
浏览 3提问于2014-06-17得票数 0
我想使用JavaScript来操作我的CSS。首先，它被认为是一个很好的小脚本，可以为我的手风琴菜单尝试不同的颜色，以及不同的背景/标题-/内容-/...背景-输入字段中的颜色。
我了解如何使用js获取输入值。
我了解如何使用getElementById()、getElementsByClassName()、getElementsByTag()和getElementsByName()来操作CSS。
现在，问题是我的CSS看起来像这样：
.accordion li > a {
/* some css here */
}
.sub-menu li a {
/* some css here
浏览 0提问于2013-07-03得票数 2
回答已采纳
3回答
我想设置我的终端配色方案，这样我将在亮背景(例如白色或浅黄色)上有黑色文本。
我更改了“控制台颜色”设置，如背景、标准输出和系统输出，在编辑器>颜色&字体>控制台颜色下，但我始终遇到同样的问题。
如果我改变背景色，比如说白色。它还将文本(标准输出和我的用户输入更改为相同的颜色)。我不知道，是哪个设置控制了显示在终端窗口中的字体的颜色。事实上，字体的颜色和背景色是一样的，这让我很困惑。我希望能够独立地控制背景色和字体颜色，这对我来说代表着“前景”。
<
浏览 5提问于2016-04-14得票数 8
3回答
我想让一些文本的背景颜色在悬停时淡入/淡出。由于文本位于图像的顶部，我希望背景色从透明中淡入，然后恢复为透明。
这就是我到目前为止所知道的：
$('#nav li.menu').hover(
function () {
$(this).animate({backgroundColor: "#FFEF00"},300);
},
function () {
$("li.menu").animate({backgroundColor: "Transparent"},30
浏览 0提问于2012-10-14得票数 0
我想更改EditText的背景色，当它被我尝试过的输入填充时，如果焦点集中，我也想更改if填充。
我试过用android:state_focused，它是有效的，如果聚焦，它是黄色背景，现在我希望同样的事情发生时，它被填补。
如果焦点状态背景颜色变化，如果填充，那么同样的应该发生。
浏览 1提问于2019-02-15得票数 0
回答已采纳
3回答
我是要检查输入是否有焦点，以增加颜色的背景，但当我删除鼠标，并集中在另一个输入，它不再移除焦点，它实际上停留在焦点！我怎么才能把第一个背景移走呢！
Fullname: <input type="text" name="name"><br>
Email: <input type="text" name="email">
如何检查类测试是否存在？
我把下面的if声明捆绑在一起，因为由于某种原因而不能工作。这可能是我的代码有问题，我找不到一些原因！
$(document).ready(function
浏览 8提问于2017-12-09得票数 4
回答已采纳
请帮帮忙。我需要一个具有背景颜色的数组中的N个数字的列表，例如，黄色和粉色在每个li元素上的单击更改。
比如1个背景:黄色，2个背景:粉色，3个背景:黄色4个背景:粉色等等。
我现在对所有的li元素在每次点击事件上都有相同的背景颜色，颜色正在改变，但它同时改变了所有的元素。
new Vue({
el: '#app',
data: {
isDark: false,
log: [],
count: 1
},
methods:{
somefunc: function(){
this
浏览 2提问于2019-12-20得票数 3
在Windows phone7中，我正在寻找简单的代码来设置带有输入焦点的TextBox的背景和前景。
我这样做是为了符合不同的主题，我的应用程序在视觉上使用背景画布和其他需要标准颜色集的控件。
注意:普通的前景，背景和边框刷都很好，并且很容易设置：
<TextBox Background="#BFFFFFFF" BorderBrush="#BFFFFFFF" Foreground="Black"
Canvas.Left="297" Canvas.Top="392" FontSize="20"
浏览 1提问于2011-01-25得票数 0
回答已采纳
1回答
我正在实施一个“自动建议功能”。这意味着：
输入元素获取焦点->显示建议
输入元素松开焦点->隐藏建议
但是，如果用户希望通过鼠标选择一个选项，则单击事件不会触发，因为模糊事件会更早地触发并隐藏可单击的元素。
这是小提琴：
下面是一些示例代码: js：
$('#test').blur(function() {
$('#dropdown').css("display", "none");
});
$('#test').focus(function() {
$('#d
浏览 1提问于2014-09-26得票数 3
回答已采纳
嗯，我现在需要帮助，我通过继承textbox字段创建了自己的textboxex类，现在我面临着一个问题。
我就像当文本框得到焦点，它的颜色改变，当它离开焦点，它的颜色会变回白色。但我对这个没什么意见。
我还尝试添加一个enter事件，比如当我按enter/return键时，焦点转到下一个文本框.
这是我的密码。
Public Class textboxex
Inherits TextBox
Private Sub TextBoxEx_Enter(sender As Object, e As EventArgs) Handles Me.Enter'This is for color a
浏览 2提问于2016-01-01得票数 0
回答已采纳
7回答
我有一个程序，使用条形码扫描仪作为输入设备，所以这意味着我需要保持焦点在一个文本框。
该程序有一个listview控件，当扫描某个条形码时，我会以编程方式选择其中一个项。我将行的背景色设置为：
listviewitem.BackColor = Color.LightSteelBlue;
我尝试过的事情：
listview.HideSelection设置为false
设置颜色后调用listview.Focus()
listviewitem.Focused设置为真
调用listview.Invalidate
调用listview.Update()
调用listview.Re
浏览 6提问于2011-03-03得票数 31
回答已采纳
1回答
我有一个dateField，当我用光标在dateField的各个子部分(日期、月、年等)上迭代时，缺省情况下焦点颜色是蓝色。当我取消dateField的焦点时，被选中的高亮显示项变为白色。这很好，除了我的文本是白色和黑色的背景。这使得它看起来很差，因为现在有一个日期字段，其中一个子字段看起来像一个白色矩形。
我试着把背景涂成黑色，解决了蓝/白的突出显示，但它根本没有提供突出显示。因此，你不再能分辨出你什么时候专注于这个领域。
有没有一种方法可以覆盖dateField子部分的高亮颜色？
浏览 2提问于2010-08-11得票数 1
受ia Writer的焦点模式的启发，我对在emacs中使用字体+背景颜色来突出光标所在的函数并在视觉上提示其余代码作为背景很感兴趣(我使用的是C++，但如果无论使用哪种编程语言都能正常工作，那就更好了)。
理想情况下，函数外部代码的字体颜色会变暗(这就是焦点模式的工作方式)。一种更简单的解决方案可能是稍微更改光标当前所在函数的背景色。如何做到这一点？
浏览 1提问于2012-07-09得票数 7
回答已采纳
我正在制作一个html论坛，并使用javascript改变论坛的颜色，我有三个div，一个是蓝色，绿色和红色。
当单击每个div时，javascript将更改元素的颜色。
我想用javascript中的.css()函数更改submit按钮焦点的颜色，但是焦点部分不工作。
以下是我的javascript代码：
$("#green").click(function() {
$(".mailheader").css("background","#a3d300");
$(".submit").css(
浏览 10提问于2014-04-22得票数 0
回答已采纳
3回答
我有一个react应用程序，它包含带有下拉列表的select。我想应用样式的两个状态:当鼠标悬停下拉项目和下拉项目是焦点。
.select__option.select__option--is-focused {
background: blue;
}
.select__option:hover {
background: gray;
}
这两种风格都有效。如果用户将使用键盘箭头(上/下)在下拉列表中导航，则将在项目上应用blue颜色，如果他将该项目悬停，则将该项目作为背景应用gray颜色。
发布：当用户悬停具有blue背景的聚焦项时，悬停颜色会覆盖blue，但即使悬停在聚焦
浏览 5提问于2021-12-06得票数 0
当一个NSTextField被选中时，我遇到了一个重置颜色的问题。
我使用的方法是
- (void) setBackgroundColor:(NSColor *)aColor
- (void) setTextColor:(NSColor *)aColor
我发现，当我在NSTextField中单击并将焦点放在该文本字段中，然后尝试更改颜色时，直到将焦点放在该文本字段之外时，颜色才会重置。
当焦点一开始不在NSTextField上时，颜色变化就会起作用。
浏览 0提问于2013-05-11得票数 5
回答已采纳
5回答
我想知道一个普通编辑器的侧边栏:当我们悬停在一个文件名上时，整条线都会变成更深的背景颜色。
但是，鉴于文件名是由<ul>列出的，下面的代码只更改<li>的背景颜色，有人知道如何更改悬停所在的整行的背景颜色吗？
.sidebar {
width: 102px;
background-color: #f3f3f3
}
li:hover {
background-color: #cccedb
}
<div class="sidebar">
<ul>
<li>a</li>
&
浏览 3提问于2017-03-28得票数 3
回答已采纳
我为一个在线表单做了一个简单的进度条。它工作得很好，直到我在包含的div上添加了背景色。似乎当z-index设置为-1时，它隐藏在父级的父级的背景后面。
下面的JS文件显示了超出预期的错误。
当有背景色时，我该怎么做才能使顶部的颜色与底部的颜色相同？
div {
height: 100px;
}
div.bg {
background-color: white;
}
ul {
counter-reset: step;
}
li {
list-style-type: none;
width: 25%;
text-align: center;
font-style:
浏览 1提问于2017-10-03得票数 0
1回答
我在tvOS 13上创建了一个appleTV应用程序！我还面临着一些标签栏定制的问题。我想要更改焦点项目的颜色，我可以更改文本颜色，但不能更改白色焦点背景！
而且tabBar在未选中的图片上加了一个字母为0.5的图片怎么去掉呢？
谢谢
浏览 5提问于2020-02-26得票数 1
2回答
我有选择组件和MenuItems在其中，我想删除或覆盖背景颜色从聚焦选择组件和选定的MenuItem。
选定的MenuItem具有以下背景颜色：
在我选择item之后，它具有如下所示的焦点：
下面是我的和它里面的MenuItem：
<Select
classes={{ focused: classes.selected }}
>
<MenuItem
classes={{ selected: classes.selected }}
>
Never
</MenuItem>
<
浏览 4提问于2021-01-22得票数 2
回答已采纳
3回答
我做了一个布局，它只是一个简单的文本视图，上面写着“你想要什么？”，后面跟着一系列按钮。
所有的按钮都可以点击/触摸，但当我用轨迹球滚动时，它们都不会突出显示。然而，我注意到，当我禁用按钮上的背景色时，我可以看到显示该按钮焦点的橙色框。
有没有什么方法可以让我在看得见焦点的同时，还能在按钮上保持背景颜色？
编辑:找到解决方案！这帮了大忙。
浏览 1提问于2011-07-16得票数 1
回答已采纳
2回答
我有三个按钮，就像一个页面中的一个选项，当用户选择其中一个时，背景颜色会发生变化:焦点在css上，当用户点击提交按钮时，它运行一个功能，不会使页面重新加载，但焦点从选择的按钮上移去，背景颜色改变回来，我如何在点击提交按钮的情况下保持按钮的焦点？
<button class="btn btn-lg text-white mark-answers"
v-for="(item, index) in markAnswers" :key="index" v-on:click="answerMarked">
<sp
浏览 0提问于2020-11-27得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
