如何使用样式化组件仅为<li>中的活动项添加背景颜色？

文章/答案/技术大牛

发布

2回答

reactjs、styled-components

只是想知道如何使用样式组件为活动项添加背景颜色？它的工作原理与jQuery的添加/删除类非常相似。我在我的状态中定义了一个活动的布尔变量，如下所示： constructor(props) { this.state = { placeholder：

浏览 34提问于2019-05-06得票数 0

回答已采纳

3回答

如何使用react和typescript中的样式组件重构代码？

reactjs、typescript

我想使用react和typescript重构样式化组件的代码。我有两个链接黑色和蓝色共享相同的css和一些风格不同。background: none; justify-content: center;`; 现在对于黑色链接，我想添加背景颜色:黑色，对于蓝色链接，我想添加背景颜色蓝色。

浏览 27提问于2020-07-21得票数 0

回答已采纳

2回答

Vue JS:如何在路由器链接中设置活动<a>标记的样式？

css、vue.js、vue-router

我试图编辑我的路由器链接，以便当链接处于活动状态时，文本的颜色和背景都会发生变化。事实上，改变链接文本的颜色(包括非活动的，默认的蓝色)的唯一方法是对标签本身进行样式化。)正确改变，但文字颜色仍然是蓝色的，无论如何。文本(和其他设置样式)的颜色不应该是将从父

浏览 1提问于2019-03-12得票数 2

回答已采纳

1回答

反应如何改变带有样式组件的按钮背景

javascript、reactjs、background、styled-components

我对我的应用程序实现了按类别过滤，所以如果你点击按钮，它就会过滤出指定的类别。我还想改变按钮的背景颜色，当用户点击它时，这样你就可以直观地看到哪个类别被选中了。我正在使用样式化组件来设置样式，但是我不能访问样式化组件中的状态，所以我不知道如果它被点击或者没有被点击，我可以比较什么。我通过样式化</em

浏览 18提问于2020-12-21得票数 0

1回答

带有Hover效果的CSS下拉菜单

html、css

我有一个基于css的水平下拉菜单，它工作得非常好，但是我在添加一个在表示用户当前所在页面的项目上添加顶部边框的效果时遇到了困难。<ul></ul> 悬停在项目上会改变它的背景色，以及下拉列表的背景(嵌套的ul元素)。在一个项目的活动页面上，该项目的顶部应该有一个2像素高的</em

浏览 1提问于2011-07-11得票数 0

回答已采纳

2回答

使用样式组件覆盖中的嵌套样式

css、twitter-bootstrap、reactjs、react-bootstrap、styled-components

我使用样式-组件与反应引导。我们希望根据状态对选项卡(本例中的tab 3)进行着色。当选项卡不是活动的时候，它工作得很好，但是当它处于活动状态时，引导样式会覆盖样式。我已经确定了在控制台中覆盖我的颜色的样式。当我使用控制台关闭样式时，我会看到我想要的选项卡颜色。我只是不知道

浏览 5提问于2017-11-15得票数 7

回答已采纳

1回答

在angular中根据背景颜色添加图像

typescript、angular6

我想添加基于角度的背景颜色的图像。

浏览 1提问于2018-09-27得票数 0

1回答

如何使用classNames和JSX在reactjs项目中使用css模块设置子项目的样式？

css、twitter-bootstrap、reactjs、react-jsx、auth0

主容器的代码使用JSX并从模块文件加载css样式。模块文件提供了用于样式化的className类。我正在使用React-Bootstrap组件扩展引导布局，并且能够使用classNames语法设置一些组件的样式。例如，我对导航栏的背景颜色设置如下样式：附加到css模块文件/01-Login/

浏览 10提问于2016-07-19得票数 0

回答已采纳

2回答

如何使用样式化组件设置物料ui抽屉组件的背景色？

javascript、reactjs、material-ui、styled-components

背景问题更改背景颜色并不符合我的预期。简单地将样式添加到带样式的组件<em

浏览 1提问于2018-08-09得票数 3

1回答

改变启动4.1 ..btn大纲-主背景时点击和激活？

html、css、bootstrap-4

我目前使用的是一个引导4.1按钮，类是..btn大纲-主。在其正常状态下，该按钮有一个白色背景和蓝色文本。但是，当您悬停在按钮上时，颜色会倒置，使得背景是蓝色的，文本是白色的。此按钮的活动状态仅为突出显示的边框(按钮样式与非活动状态-白色背景蓝色文本相同)，我希望使其在单击按钮时保持与按钮悬停时相同的样式。但是

浏览 1提问于2019-05-30得票数 3

回答已采纳

3回答

基于所选值android使listview项的样式不同

android、listview

我们如何设置不同的背景颜色，字体颜色只在列表中的一个项目的选择(点击)项目？我想在单击listview项目时使用活动按钮样式，我们可以这样做吗？我能够获得单击项的值，那么如何设置该listview项与其他项的行为不同？

浏览 10提问于2017-04-05得票数 0

回答已采纳

1回答

jQuery -获取每个li的类作为数组

jquery、arrays

我有10个不同的菜单项，它们都有不同的彩色边框，如下所示： <li class="item cyan="">item 2</a></li> <li class="item yellow"><a href=&qu

浏览 1提问于2014-04-10得票数 0

回答已采纳

3回答

如何更改.class和“a”设置？

html、css、twitter-bootstrap-3

我有一些代码是这样组织的： <nav class="navbar navbar-default"> <ul class="nav navbar-nav"> <li

浏览 2提问于2015-04-24得票数 1

回答已采纳

2回答

样式不是通过样式组件工作的。

reactjs、styled-components

我正试图通过样式组件添加背景颜色。export const MyStyle = styled.div` background-color: ‘#fff’

浏览 0提问于2018-11-19得票数 0

1回答

哪个更快:活动伪类还是添加类

javascript、jquery、html、css

我在一个页面上有大量的<li>标记，但我需要分别更改每个标记的背景图像。所以在我的css中，我要么 background: red;.className:active {}.className {} background: l

浏览 0提问于2015-11-13得票数 1

2回答

如何更改(删除) QListWidget的选择/活动颜色

qt、qt5、qlistwidget、qpalette

在我的QListWidget中，有一些具有非默认背景色的项，我在自定义QListWidget类中这样设置它们：项目three和four应该是相同的颜色，但由于项目four是被选中的，所以结果颜色是原始颜色和QListWidget选择(活动

浏览 6提问于2016-03-15得票数 3

回答已采纳

3回答

Bootstrap 3下拉菜单悬停颜色在我单击菜单时恢复为默认颜色？

css、twitter-bootstrap、twitter-bootstrap-3

我已经创建了一个具有自定义样式的导航栏，并且在大多数情况下它工作得很好。然而，我已经使用下面的CSS将菜单/下拉菜单的“悬停”颜色设置为绿色，虽然这主要是有效的，但如果我选择一个下拉菜单，最初的菜单项将显示为绿色，直到我单击(并关闭下拉菜单)，在这一点上它闪烁浅灰色(我相信是默认的)，然后失去它的颜色。.rpfb-navbar .navbar-nav > li > a:hove

浏览 0提问于2016-10-24得票数 0

3回答

android facebook-foursquare样式标题

android

我想实现一个标题，有渐变的背景和一个正确的图标，是facebook和四方安卓应用程序。我找不到任何关于这方面的教程。我查看了foursquared源代码，但找不到他们是如何实现这一点的。如果您能向我展示一种在foursquare源代码中实现此功能方法，将会很有帮助。

浏览 0提问于2011-07-30得票数 0

回答已采纳

2回答

有什么建议吗？

css、reactjs、carousel、antd

我正在开发一个由ant设计(antd)库进行的reactjs项目。我想在我的项目中使用Carousel组件。当我将内容-which的背景色显示在旋转木马- to #FFF中时，子弹导航按钮就会消失。我该如何改变子弹的颜色？这是一个普通的旋转木马：export default class Tem

浏览 0提问于2018-08-10得票数 2

回答已采纳

3回答

更改活动选项卡背景颜色

html、mysql、css、jstl

我使用jstl动态生成选项卡。当我单击选项卡时，CSS样式将应用于动态生成的所有选项卡，而不是所选的选项卡。我的代码是这样的 <sql:setDataSource var="data" driver="com.mysql.jdbc.Driver" url="jdbc:mysql://localhost:3306><a href="LandingPage.jsp">Home&l

浏览 2提问于2014-03-04得票数 0

点击加载更多