在颤动中更改color滚动条的颜色
在CSS中，可以使用伪元素 ::-webkit-scrollbar 来修改滚动条的样式。具体实现如下：
/* 修改滚动条的样式 */
::-webkit-scrollbar {
width: 10px; /* 设置滚动条的宽度 */
}
/* 滚动条背景颜色 */
::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
/* 滚动条滑块颜色 */
::-webkit-scrollbar-thumb {
background-color: #888;
}
/* 滚动条滑块悬停时颜色 */
::-webkit-scrollbar-thumb:hover {
background-color: #555;
}上述代码中，::-webkit-scrollbar 用于设置整个滚动条的样式，::-webkit-scrollbar-track 用于设置滚动条的背景颜色，::-webkit-scrollbar-thumb 用于设置滚动条的滑块颜色，::-webkit-scrollbar-thumb:hover 用于设置滚动条滑块悬停时的颜色。
应用场景：在需要自定义滚动条样式的网页中，可以使用该方法来改变滚动条的颜色，以匹配整体页面风格。
推荐的腾讯云相关产品：腾讯云CDN加速服务，详情请参考腾讯云官网：https://cloud.tencent.com/product/cdn
相关·内容
1回答
我需要改变库比蒂诺滚动条的颜色，但是我不能通过普通的构造函数来实现。有没有办法让滚动条变成白色？ CupertinoScrollbar(
thickness: 5,
controller: scrollController,
thicknessWhileDragging: 8,
//color not exist
)
浏览 29提问于2021-01-20得票数 3
回答已采纳
2回答
滚动条着色中的CSS问题
、、、、
.body_c {滚动条-面部-颜色：#408bc4；滚动条-阴影-颜色：#afefff；滚动条-高亮显示颜色：#afefff；滚动条-3dlight-color：#000000；滚动条-暗阴影-颜色：#006399；滚动条-跟踪-颜色：#bfd3e6；滚动条-箭头-颜色：#FFFFFF；页边距-顶部:0；页边距-左:0；页边距-右:0；}
我使用这个类来给滚动条着色，但它只能在IE中执行。对于所有浏览器中的彩色滚动条有什么解决方案吗？
浏览 0提问于2010-06-04得票数 1
10回答
我想在Internet Explorer和Firefox中更改页面上滚动条的颜色。
下面的代码创建滚动条：
<div style="overflow: auto; width: 750px; height: 400px">
</div>
为了改变它们的颜色，我尝试了下面的代码：
<STYLE TYPE="text/css">
BODY
{
scrollbar-base-color: orange;
scrollbar-arrow-color: green;
scrollbar-DarkShadow-Color: blu
浏览 0提问于2010-01-04得票数 6
回答已采纳
2回答
我使用下面的css来更改滚动条颜色
<style>
body
{
scrollbar-face-color: #EEEEEE;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #AAAAAA;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #EEEEEE;
}
</styl
浏览 0提问于2013-04-05得票数 1
我在代码中改变了我的TableViews风格
tableView.setStyle("-fx-base : #333333; -fx-background-color : gray");
现在我需要改变滚动条的颜色，用同样的方式。只是为了这个，我不想添加外部css文件。如何使用java代码更改滚动条的颜色？
浏览 1提问于2016-09-26得票数 0
谁知道有没有可能为我的windows小工具创建一个更细的滚动条。
我已经使用这些属性来更改滚动条的颜色：
scrollbar-face-color: #EEEEEE;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #AAAAAA;
scrollbar-arrow-color: #000000;
scrollbar-track-
浏览 0提问于2011-07-07得票数 0
回答已采纳
让我们编辑这个主题的gtkrc文件：
vi vi /usr/share/themes/industrial/gtk-2.0/gtkrc
gtk-color-scheme = "bg_color: #000000000000\
nfg_color: #ffffff\nbase_color: #000000000000\
ntext_color: #ffffff\nselected_bg_color: #ffffff\
nselected_fg_color: #000000000000\
ntooltip_bg_color: #000000000000\
ntooltip_fg_colo
浏览 0提问于2013-09-23得票数 -1
回答已采纳
我尝试在我的应用程序中使用来自Github的代码，但不确定为什么它会显示一些错误。稍后使用的类。它说LinearGradient有一个问题(“颜色，没有定义)，但刚刚检查了Flutter的源代码，它有这个属性。
import 'package:flutter/material.dart';
class Palette {
static const Color scaffold = Color(0xFFF0F2F5);
static const Color facebookBlue = Color(0xFF1777F2);
static const Gradie
浏览 2提问于2020-09-28得票数 1
1回答
我正在试着用不同的颜色给图像上色。我拍摄了两张图片，一张是PNG格式，另一张是SVG格式。我正在获取一个颜色列表，当用户点击颜色列表中的颜色时，图像的颜色将发生变化。我正在使用不同颜色的图像。我想要的是图像应该保留最后的红色，而不是覆盖它？下面是我的代码和图像示例。
SVG图像
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
void main() => runApp(new MaterialApp(
浏览 14提问于2018-08-14得票数 5
我有一个下拉按钮在颤振和我已经成功地着色的背景名单。但是，我不知道如何自定义下拉列表的边框，也不知道如何自定义下拉列表中的滚动条。请注意，我不是指按钮本身的边框，而是弹出带有下拉列表的方块，如下图所示。
如图像所示，下拉窗口是平方的。我想定制它使它更圆。我也想改变滚动条的颜色，但不知道在哪里做它。我已经更改了其他元素(如lisview)的滚动条颜色。
我的下楼在下面。它嵌套在Theme中以更改窗口的背景色。
return Theme(
data: Theme.of(context).copyWith(
canvasColor: secondaryColor,
浏览 1提问于2020-02-02得票数 2
1回答
颤动梯度问题
、、、
Flutter gradient issues 当我放置一个特定的颜色时，我遇到了渐变的问题，但当我放置一个默认颜色时，例如Colors.blue，它就解决了，当我从颜色中删除不透明度时，这就是为什么下面的两种颜色没有这个问题。问题是我必须使用设计师给我的颜色。 body: Container(
// height: double.infinity,
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
浏览 22提问于2021-02-02得票数 0
回答已采纳
1回答
颤动滴管
、
我正在努力寻找一个flutter或实现一个滴管。有人能帮我吗？
我想点击一个图像，并获得点击区域的颜色。类似于安卓的滴管。
final View targetView = findViewById(R.id.targerView);
// Any view from which you want to pick the color
new EyeDropper(targetView, new ColorSelectionListener() {
@Override
public void onColorSelected(@ColorInt int color
浏览 10提问于2020-02-20得票数 0
2回答
为此，我试图更改复选框的颜色(实际上是自定义复选框)--我已经编写了下面的代码，同时按下名为onPressed()方法的图标，但图标的颜色根本没有变化。
我的小部件setState()是未识别的。我包括了import package:flutter/material.dart
这是密码
Widget _choice() {
var isPressed = false;
return Container(
height: 90,
width: 160,
color: Color(0xFFe6e9ed),
child: Column(
children: <Widget>[
浏览 5提问于2019-11-29得票数 3
回答已采纳
我正在尝试更改BottomNavigation图标的选定颜色，但我所做的似乎只是更改文本颜色。请协助：
当前文本颜色在选中时变为黄色，但图标保持白色，我希望它也是黄色的，并且我尝试将非活动图标的图标颜色设置为灰色，就像标题一样，但它不动。
下面是我的代码：
new Theme(
data: Theme.of(context).copyWith(
canvasColor: Colors.black,
splashColor: Colors.yellowAccent,
unselectedWidgetColor:
浏览 0提问于2018-04-20得票数 7
1回答
上面是预期的输出。
我需要在Flutter中实现这个渐变，但它并没有像预期的那样出来。
颜色：#6646E7
颜色偏移非常严格，不平滑，如图所示。下面是我想要在其中使用
完整代码：
Stack(
alignment: Alignment.bottomRight,
children: [
Container(
margin: const EdgeInsets.only(left: 10, right: 10, top: 15),
padding: const EdgeInsets.all(20),
浏览 0提问于2021-04-13得票数 0
我正在创建两个菜单栏第一个菜单栏是为背景颜色和第二个是文本color.the应用程序包含文本组件用户可以键入text.when用户按下任何一个菜单滚动条都显示在screen.for上的红，蓝，绿，颜色组件用户可以调整滚动条的位置，按下“确定”按钮的前景或背景的文本组件在框架上根据菜单的选择而改变。
浏览 0提问于2011-11-11得票数 0
2回答
我试图为我的文本字段构建一个边框，如下所示： return TextField(
...
border: OutlineInputBorder(
borderSide: BorderSide(
color: Colors.red,
width: 5.0),
)
)
) 但是它总是返回一个宽度为1.0的黑色边框。我发现更改颜色的唯一方法是创建一个ThemeData，其中我指定了提示颜色，但我找不到更改宽度的方法。
浏览 43提问于2019-01-11得票数 69
回答已采纳
3回答
我们可以给滚动条表面颜色和箭头背景不同的颜色吗？
现在，如果我应用“scrollbar-face-color”，它既适用于箭头背景，也适用于滚动条重击
是否有办法将滚动条滑块和包含滚动条箭头的框的颜色设置为不同
浏览 4提问于2010-04-26得票数 2
我有一个滚动区域在我的程序中，我改变了我的背景颜色的滚动区域是黑色的，所以我的滚动条是不可见的，因为背景colour.Please告诉我如何才能改变滚动条的样式表。我尝试了给定的代码，但它不工作
下面是我的示例代码：
self.scrollArea = QtGui.QScrollArea()
self.scrollArea.setStyleSheet('QScrollArea {background-color : #000000;border:none}')
scrollbar = """QScrollBar:vertical {
浏览 7提问于2018-12-20得票数 0
1回答
我有一个带有JScrollPane的文本区域，并且正在用如下的东西来定制显示；
JTextArea text = new JTextArea();
text.setOpaque(false);
text.setFont(...);
text.setForeground(Color.white);
text.setBackground(Color.black);
JScrollPane scroll = new JScrollPane(text);
scroll.setOpaque(false);
scroll.getViewpor
浏览 3提问于2013-08-12得票数 1
4回答
我想改变像按钮颜色一样，如果iconButton被按下，当列表视图加载的时候，基于条件，iconButton颜色将会改变。我有一个列表视图，在列表视图的每一行我都有一个like iconButton。我需要将颜色从灰色更改为蓝色，当listview再次加载时，我就会知道以前是否喜欢，基于这种情况，我必须更改颜色。 new IconButton(
icon: new Icon(Icons.thumb_up),
color: Colors.grey,
onPressed: (){
documentId = list[index].id;
_incrementCou
浏览 23提问于2020-10-02得票数 0
我的UserControl里面有黑色边框。我想移除边框或改变它的颜色。
。
找到解决方案，但它不移除边框：
public FolderView() {
InitializeComponent();
base.BorderStyle = BorderStyle.None;
this.BorderStyle = BorderStyle.None;
}
private BorderStyle border;
public new BorderStyle BorderStyle {
get { return border; }
set {
浏览 2提问于2020-05-18得票数 1
回答已采纳
3回答
当我在Flutter框架中使用(Colors.amberAccent)时，颜色方块会自动出现。如果我使用的是Color.fromARGB(255,100,100，23)，我如何在Android studio的行号旁边显示它？
第二个问题是，我可以在Flutter框架中使用此颜色样式(#ff0000)吗？
我放了一张图片来澄清我的想法。
浏览 2提问于2018-11-09得票数 1
1回答
在flutter中有调色板生成器软件包，但这些软件包并不能精确地获得颜色平均。 我想在flutter(dart)中做一个颜色平均函数，我找到了一些获得平均颜色的代码。但我想转换成扑击代码的省道代码。我如何制作这个函数？我想用Fileimage获得平均颜色，谢谢。 -这是我找到的代码。我要转换为dart(颤动)代码 Bitmap bitmap = someFunctionReturningABitmap();
long redBucket = 0;
long greenBucket = 0;
long blueBucket = 0;
long pixelCount = 0;
for (int
浏览 16提问于2020-04-15得票数 1
我在AppBar()中使用TextField小部件
有一个问题，你可以看到，我不能设置光标颜色时，文本字段聚焦
通常，文本字段光标在聚焦时会闪烁。
我设置了光标颜色属性，appbar，textfield中的每个颜色属性，但它不工作，甚至文本字段提示文本也不起作用。
appBar: AppBar(
title: Card(
margin: EdgeInsets.only(
top: common_gap * 1.5, bottom: common_gap * 1.
浏览 2提问于2021-01-26得票数 4
需要改变这个颜色，它不是为滚动条主题提供的选项之一。它是不是藏在别的地方了？
Scroll Bar Control
scrollbar.shadow: Scroll Bar shadow to indicate that the view is scrolled.
scrollbarSlider.activeBackground: Slider background color when active.
scrollbarSlider.background: Slider background color.
scrollbarSlider.hoverBackground: Slide
浏览 4提问于2017-06-16得票数 3
回答已采纳
1回答
如何更改页面本身的滚动条(不是特定控件的滚动条)。例如，如果你放大IE中的一个页面，它最终会添加滚动条。这些是我希望更改其颜色的滚动条。
这段代码：
<style type="text/css">
.scrollBars {
scrollbar-face-color:#003366;
scrollbar-highlight-color:gray;
scrollbar-shadow-color:gray;
scrollbar-arrow-co
浏览 0提问于2013-11-13得票数 0
1回答
我有一个要求，改变滚动条的颜色根据某些用户选择。在一个典型的表单中，我使用以下方法设置滚动条的颜色：
@Override
protected void beforeTopic(final Form f) {
int scrollColor=0x000000;
switch(userSelectedTopic)
{
case 1:
scrollColor=0x59be8a;
break;
case 2:
scrollColor = 0xff3333;
break;
.
.
浏览 2提问于2015-01-07得票数 0
回答已采纳
2回答
当文本字段处于非活动/未聚焦状态时，我正在尝试更改文本字段的下划线颜色。我不知道该在哪里进行更改，InputDecorationTheme只会在选中时更改下划线颜色。我该如何实现这一点？
inputDecorationTheme: new InputDecorationTheme(
labelStyle: new TextStyle(
color: Colors.blue[200],
),
hintStyle: new TextStyle(color: Colors.grey),
),
当
浏览 0提问于2018-05-12得票数 5
回答已采纳
3回答
我想在我的项目中设置一个ThemeData，但是我无法设置正确的背景色。我认为问题出在亮度上……
theme: ThemeData(
colorScheme: ColorScheme(
primary: Color(0xFF0A0E21),
onBackground: Colors.white,
onError: Colors.yellow,
onSecondary: Colors.white,
onSurface: Colors.white,
backgro
浏览 3提问于2021-10-27得票数 0
1回答
如果在main.dart中将主题设置为
return MaterialApp(
title: 'MY APP',
theme: ThemeData(
primarySwatch: Colors.blue,
fontFamily: 'Cabin',
textTheme: TextTheme(
headline1: TextStyle(
fontFamily: 'Raleway',
color: Colors.black,
fontWeight: FontWe
浏览 9提问于2021-03-13得票数 1
回答已采纳
1回答
我在我的学校网站上学到了很多CSS属性。但我想知道当滚动条悬停时，如何更改滚动条的颜色。示例：
html {
scrollbar-arrow-color: white;
scrollbar-face-color: green;
scrollbar-face-hover-color: darkGreen;
scrollbar-shadow-color: black;
scrollbar-track-color: black;
}
也许还可以改变箭头按钮的背景。
浏览 14提问于2017-12-10得票数 0
在颤音中，我试图将DropdownButton图标(向下箭头图标)的颜色更改为白色。
我尝试在没有帮助的情况下使用style属性。文本颜色变成白色，但图标仍然是默认的灰色。
DropdownButton(
style: TextStyle(color: Colors.white, decorationColor:
Colors.white),
items: this.items,
value: null,
hint: Text(SaveOptions[_saveOption], style: T
浏览 3提问于2018-12-25得票数 6
回答已采纳
我正在尝试设计一个可以在Chrome和Safari中工作的自定义滚动条。我尝试过以下CSS：
::-webkit-scrollbar {
width: 15px;
}
::-webkit-scrollbar-track {
background-color: rgba(100, 100, 100, .5);
width: 15px;
}
::-webkit-scrollbar-thumb {
background-color: #818B99;
border-radius: 9px;
width: 9px;
}
但是，-webkit-scro
浏览 13提问于2013-05-30得票数 32
回答已采纳
2回答
使用Flutter，每当"color“变量的值发生变化时，我都想更改应用程序的backgroundcolor。
String color = "white";
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.green,
我不知道如何将颜色设置为backgroundColor属性。
浏览 2提问于2020-08-11得票数 0
我使用IconButton来显示用户收集状态的状态，这是我的代码片段： if (item.isFav == 1)
IconButton(
icon: Icon(Feather.bookmark,
color: Theme.of(context).primaryColor),
onPressed: () => touchFav("unfav"),
), 但是图标只是改变图标线的颜色，如下所示： ? 可以用黄色填充这个图标的颜色吗？
浏览 19提问于2020-12-13得票数 0
回答已采纳
1回答
是否可以在浏览器中更改滚动条的颜色，而不必安装另一个扩展？
也许是通过在某个地方修改一些css文件？
我在Debian 10上使用铬83。
我知道如何在Firefox中实现这一点。我刚刚在userContent.css中添加了以下几行
html,body{
scrollbar-color: #B63C29 #555555 !important;
}
有什么类似的东西，我可以做同样的铬吗？
更新：
我尝试过以下解决办法，但没有效果：
我已经创建了目录~/.config/chromium/Default/User StyleSheets/
在里面创建了Custom.css文件
添加了以下代
浏览 0提问于2021-05-23得票数 3
回答已采纳
1回答
我有彩色的容器，上面有一个linearGradient。 Container(
padding: EdgeInsets.only(left: 7.0),
decoration: BoxDecoration(
border: Border.all(
width: 1,
color: Colors.black12,
),
borderRadius: BorderRadius.all(
Radius.circular(7.0)
),
boxShadow: [
BoxShadow(
off
浏览 12提问于2019-09-15得票数 13
我在项目中使用滚动条。每个滚动条的最大值为255 (颜色代码)1个滚动条为红色，第二个为绿色，第三个为蓝色。当我将large value属性从1更改为5(在项目中是必需的)并将滚动条一直滑动到末尾时，最终的值是251而不是255，而且它必须是255。小零钱设置为1。我正在学习vb，有谁知道怎么解决这个问题吗？
这是我的代码，我们不允许使用变量，但explicit选项和strict选项都必须是on的。
Option Explicit On Option Strict
公共类frmMixer
Private Sub cmdExit_Click(sender As Object, e As Even
浏览 0提问于2016-09-21得票数 1
我正在写一个css (使用手写笔)来匹配我的火狐的深色皮肤。
但是我只想要主滚动条改变它的颜色，但是我不希望页面中的每个滚动条都改变。
我能做些什么来只选择css中的主滚动条？
html {
scrollbar-color: #6c6c6c #000; /* thumb and track color */
scrollbar-width: thin;
}
浏览 2提问于2020-09-25得票数 1
回答已采纳
2回答
Lion滚动条颜色
、、、
Lion中的滚动条似乎基于HTML的背景颜色(较浅的颜色BG =黑色滚动条，较深的BG =白色)。
我遇到的问题来自(我假设)关于页脚的一个常见技巧。我通常将HTML元素的背景颜色设置为页脚的颜色，这样，如果页面比浏览器窗口短，则页脚看起来会继续(因为BODY元素结束，然后HTML元素一直显示到页面的末尾)。但是，这样做会使滚动条基于页脚的颜色，而不是内容区域的颜色。
有没有其他技巧可以在页面比窗口短的时候让页脚继续显示，或者强制使用Lion滚动条的颜色(ick)？
浏览 0提问于2011-07-20得票数 10
回答已采纳
2回答
我已经改变了覆盖的颜色，但它仍然没有生效，因为它保持了thumbShape的颜色。 SliderTheme(
data: SliderTheme.of(context).copyWith(
thumbColor: Color(0xFFEB1555),
activeTrackColor: Colors.white,
thumbShape: RoundSliderThumbShape(enabledThumbRadius: 15.0),
overlayShape: RoundSl
浏览 24提问于2021-10-04得票数 0
8回答
是否可以通过JavaScript更改CSS伪元素样式？
例如，我想动态设置滚动条的颜色，如下所示：
document.querySelector("#editor::-webkit-scrollbar-thumb:vertical").style.background = localStorage.getItem("Color");
我还希望能够像这样告诉滚动条隐藏：
document.querySelector("#editor::-webkit-scrollbar").style.visibility = "hidden";
浏览 96提问于2010-12-19得票数 85
回答已采纳
1回答
当滑块圆形图标处于非活动状态时，我们如何更改它的颜色？当它在进行时，我可以看到属性来改变这一点，但当我点击停止歌曲，它回到正常，它改变为灰色。我没有在任何地方设置灰色，不知道如何改变颜色。我有附加的屏幕截图，当它停止和当歌曲播放。 Widget slider1() {
return SliderTheme(
data: SliderTheme.of(context).copyWith(
activeTrackColor: Colors.red[700],
inactiveTrackColor: Colors.red[100],
浏览 26提问于2020-07-26得票数 0
回答已采纳
2回答
颤动主题
、
我已经从一个配色方案和一个文本主题创建了一个主题。这是我的主题文件。
import 'package:google_fonts/google_fonts.dart';
import 'package:intellaview_mobile/constants/constants.dart';
extension AppTextStyleVariants on TextStyle {
TextStyle get italic => copyWith(fontStyle: FontStyle.italic);
TextStyle get regular
浏览 3提问于2021-05-12得票数 0
*webkit-滚动条-拇指{
@包括主题{
background-color: $ant-scroll-color !important;
}
边界半径:10；
}
上面的代码片段不起作用
需求是集成黑暗和光明主题的网页组件。我只是想改变滚动条颜色的铬，根据光和黑暗的主题。上面的@include 方法用于配置颜色。但是这个方法不适用于::-webkit-scrollbar-thumb
浏览 2提问于2021-10-21得票数 0
回答已采纳
3回答
如何更改旋转器弹出式滚动条的颜色？
由于某些原因，滚动条的颜色目前在白色背景上是白色的，它是不可见的。
浏览 7提问于2016-05-11得票数 1
回答已采纳
2回答
我有一些像这样的产品的固定清单 class Product {
final int id;
final String image;
final String title;
final String normalPrice;
final String discountPrice;
final double ratingValue;
final String description;
final bool isOffer;
final List<String> images;
final List colors;
const Produc
浏览 9提问于2021-01-12得票数 0
1回答
在flutter linear gradient color中，我不知道我做了什么，我如何捕捉颜色过渡的柔和？这个问题只在android模拟器中存在，在ios模拟器中没有问题。 gradient: new LinearGradient(
colors: [Color(0xFF0f1129), Color(0xFF213259)],
begin: Alignment.bottomCenter,
end: Alignment.topCenter,
stops: [0.0, 1.0],`enter code here`
浏览 48提问于2021-09-26得票数 0
我想在按下后改变图标的颜色。我该怎么做呢？我的IconButton正在领导一个ListTile。 leading: new IconButton(
icon: Icon(Icons.star, color: Colors.white),
onPressed: () {
setState(() {
//color: Colors.yellow; //How?
});
},
),
浏览 20提问于2019-03-11得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
