将::-webkit-scrollbar应用于除一个元素之外的所有元素
是通过CSS伪类选择器来实现的。该选择器用于自定义滚动条的样式。
::-webkit-scrollbar是用于Webkit浏览器（如Chrome、Safari）的滚动条样式选择器。它可以用来修改滚动条的外观，包括滚动条的宽度、颜色、背景等。
要将::-webkit-scrollbar应用于除一个元素之外的所有元素，可以使用:not()伪类选择器来排除特定元素。具体的CSS代码如下：
body *:not(#exclude)::-webkit-scrollbar {
/* 自定义滚动条样式 */
}上述代码中，body *:not(#exclude)表示选择body下的所有元素，但排除了id为exclude的元素。然后，通过::-webkit-scrollbar选择器来修改滚动条的样式。
在实际应用中，可以根据需求自定义滚动条的样式，例如修改滚动条的宽度、颜色、背景等。具体的样式属性可以参考CSS的相关文档。
腾讯云相关产品中，与云计算和前端开发相关的产品有云服务器（CVM）、云函数（SCF）、云存储（COS）等。这些产品可以提供云计算和前端开发所需的基础设施和服务。您可以通过腾讯云官方网站了解更多关于这些产品的详细信息和使用指南。
- 腾讯云服务器（CVM）：提供可扩展的云服务器实例，支持多种操作系统和应用场景。详情请参考：腾讯云服务器（CVM）
- 云函数（SCF）：无服务器计算服务，支持事件驱动的函数计算模型，可用于构建和运行云端应用程序。详情请参考：云函数（SCF）
- 云存储（COS）：提供安全、稳定、低成本的对象存储服务，可用于存储和管理各种类型的数据。详情请参考：云存储（COS）
以上是关于将::-webkit-scrollbar应用于除一个元素之外的所有元素的完善且全面的答案。
相关·内容
1回答
我需要禁用默认的iPAD滚动(通过捕捉身体上的触摸移动)，但仍然允许我页面上的列表滚动。
我试过了：
$('body').on('touchmove', function(e) { e.preventDefault(); });
$('itemList').on('touchmove', function(e) { alert('hi'); e.stopPropagation(); });
但是似乎itemList的touchmove根本没有被调用。在iPAD上，任何内容都不会滚动。
请参阅
有什么办法解决这个问题
浏览 1提问于2014-01-30得票数 0
这是我到目前为止所知道的
import csv
a= []
with open (r"C:\Users\packe\Downloads\transactions.csv") as f:
reader = csv.reader(f)
for column in reader:
b=int(column[0])
a. append(b)
transactions.csv包含这些integers25，2，8，-5，4，4，3，2，-2，3 25是第一个整数。
浏览 0提问于2017-10-03得票数 0
1回答
我正在创建一个电子公文包，可以在Chrome或Safari上查看。我已经尝试过使用下面的代码：
$(document).ready(function(){
var scroll_pos = 0;
$(document).scroll(function() {
scroll_pos = $(this).scrollTop();
if(scroll_pos < 2251) {
$("body::-webkit-scro
浏览 3提问于2014-07-02得票数 3
1回答
我有一个应用程序，在那里的文本是英语和古吉拉特语。英文和古吉拉特文在同一页上。像这样：
Name/નામ
现在的问题是，如果我通过css在body标签中应用了宋体或其他字体，则该字体也会应用于古吉拉特文文本，并且文本有时无法正确显示，因为我的应用程序使用绝对定位(文本位于某个div中)。
如果我使用shruti字体，那么英文文本不能正确显示。
在Name中应用Verdana和在નામ中应用shruti是不可行的，因为我将不得不为此更改我的应用程序。
请告诉我另一种选择/解决方案。
浏览 3提问于2013-05-03得票数 0
而不是这个：
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
我想做这样的事情：
var cssObject = {
浏览 1提问于2013-03-06得票数 0
回答已采纳
1回答
我有一个css文件，其中一个类如下所示：
.thumnail {
padding-left:100px;
padding-top:20px;
}
当我在it浏览器中引用表格<tr>的类时，它可以工作，而在Firefox中则不能。有谁能帮帮我吗？
浏览 6提问于2010-12-11得票数 0
在使用中使用的外部样式表的引用时，我使用破折号和巧妙地构建了一个仪表板。
现在，我只想定制整个仪表板的字体(包括图形中的文本)和“没有其他东西”。我通过以下方法引用外部css源：
external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
我没有CSS经验。我是否可以从引用的源中覆盖相关的变量？如果可能的话，我该怎么做？比如：
font-family: "Garamond";
CSS代码是在codepen上发布的，我也试图在那里搜索，但是我没有帮助。
谢谢你的帮助!
浏览 0提问于2019-03-27得票数 3
回答已采纳
1回答
我想只在我的控制器中缓存指定的操作，我如何指定使用该过滤器？
public function filters()
{
return array('accessControl',
array(
'COutputCache',
'duration'=>100,
'varyByParam'=>array('id'),
)
浏览 3提问于2012-11-02得票数 1
回答已采纳
我需要选择div#request的内容，而不是.requestHeader的内容。我应该使用哪个选择器？
<div id="request">
<h3 class="requestHeader">
Request Details
</h3>
Dear Human, In this life you're allowed to make only one request. Keep in mind! Even that request will never be resolved!!
&l
浏览 0提问于2012-08-04得票数 1
2回答
我想按顺序打印我的列表，但是它一直打印第一个值。
def print_order(s):
if not s:
return
print(s[0])
print_order(s[:-1])
例如，我有一个列表1，2，3，4，5，6，7，我希望它被打印为
1
2
3
4
5
6
7
浏览 0提问于2014-09-30得票数 0
回答已采纳
1回答
我正在尝试拦截webapi调用，但仅针对某个控制器，并且正在努力。
我已经为默认管理设置了一个路由，如下所示：
config.Routes.MapHttpRoute(
name: "DefaultApi",
routeTemplate: "{controller}/{id}",
defaults: new { id = RouteParameter.Optional }
);
在同一个webApiConfig中，我分配了一个自定义处理程序，这样我就可以使用以下内容执行一些内部授权：
浏览 0提问于2014-01-21得票数 1
所以能够创建一个用户，没有问题。我想添加一个确认代码来验证用户的电子邮件。我能够让应用程序发送一封电子邮件给一个用户与一个链接。一个用户点击它更新数据库的链接。这是一个问题，只有当用户被注销时才能起作用。当他们登录时，似乎什么都没有发生。我不想强迫一个新用户在登录之前进行注销和验证。总之，这是我的AuthController：
protected function create(array $data)
{
$confirmation_code = str_random(30);
$user = User::create([
'name' =&
浏览 6提问于2016-06-18得票数 0
回答已采纳
让我说我有一个代码
<input type='text' />
<br />
<iframe>
<input type='text'>
</iframe>
还有一种风格
input[type='text'] {
border: 1px solid black;
}
我希望这些样式只适用于iframe之外的元素。我怎样才能做到这一点？我实际上是在看css :not选择器，但我对如何使用它感到困惑。我想实现这样的目标
input[type='text'], i
浏览 5提问于2016-04-25得票数 0
我有一个带有多个<li>的<ul>。我在上面设置了以下样式：
列表样式:无；文本对齐:居中；显示: flex；flex-wrap:包裹；对齐内容:居中；间隙: 1rem 2rem；
每个<li>上还有一个伪:after，样式如下：
content: "";
display: block;
width: 0.5em;
height: 0.5em;
aspect-ratio: 1/1;
background-color: var(--color-gothic);
border-radius: 50%
浏览 10提问于2021-11-12得票数 0
$('.selector').qtip({
content: {
text: function(api) {
return $(this).children('.tip').clone();
}
},
style: {
classes: 'ui-tooltip-rounded',
width: 210
},
position: {
my: 'bottom center',
at: 'bottom c
浏览 0提问于2012-01-19得票数 1
回答已采纳
我有一个inout，我只想将模板应用于特定的元素。 输入： <p>patagaram 1<italic>weas</italic>(<xref ref-type="bibr" rid="R3"><italic>3</italic></xref>) (<xref ref-type="fig" rid="F1">Figures 1</xref> and <xref ref-type="fig" rid=&
浏览 6提问于2019-12-18得票数 0
我的目标是允许一个用户将对象放入s3存储桶中。我想过应用存储桶策略。我知道你不能拒绝所有用户的PutObjects，然后用允许想要的用户来覆盖它。我曾希望使用条件"ArnNotEquals“从拒绝策略语句中排除单个用户：
"Statement": [
{
"Sid": "allow only OneUser to put objects",
"Effect": "Deny",
"Principal": {
浏览 6提问于2013-10-23得票数 4
1回答
我需要在当前页面的左边插入一个侧边栏，以显示输出。插入不应隐藏主页，
相反，它应该挤压或调整，显示所有的内容。
问题是，我得到的不适用于所有类型的网页，有没有办法像我描述的那样插入侧边栏？
谢谢。
浏览 7提问于2022-07-12得票数 2
我在导航栏元素上有以下css操作
.nav-link:after {
content: "|";
font-weight:700;
color:#5E7B65;
padding-right: 10px;
padding-left: 5px;
}
在以下html上运行：
<ul class="navbar-nav ml-auto mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">aaa
浏览 34提问于2020-03-10得票数 1
我正在使用parallax.js动画一系列元素在主页上。我搜索的代码将允许我添加一个简单的“滑块”效果的元素以及。
一切似乎都正常工作，除了第一里之后，视差效应只在水平上起作用。在li #1上，元素像预期的那样盘旋，跟随鼠标向各个方向移动。
这里有一个指向jsfiddle的链接：
下面是一个指向修改后的jsfiddle：的链接
var scene = document.getElementById('scene');
var parallax = new Parallax(scene);
var scene = document.getElementById('sce
浏览 9提问于2014-06-13得票数 1
回答已采纳
1回答
我正试着用sveltekit做一个肚脐。
我选择使用的方法所面临的问题是，它给了我错误：
类只能应用于DOM元素，而不能应用于组件
这是我的代码供参考
<IconButton sveltekit:prefetch
class:active={url !== "/"
? currentPage.match(url)
: url === currentPage}
href={url}>
<TextBlock variant="bodyStrong">
{name}
&l
浏览 4提问于2022-06-07得票数 0
回答已采纳
是否可以将position: sticky应用于<thead>或第一个<tr>标记，使表标题在滚动表体时被卡在视图端口的顶部？
浏览 5提问于2015-05-03得票数 2
回答已采纳
在这里进入一些相当粗糙的CSS。在下面的场景中，我只想匹配#4。这就是我正在做的：
<ul class="tabMenu">
<li class="hidden">1</li>
<li class="active">2</li>
<li class="hidden">3</li>
<li>4</li> <!-- I want this one's blood -->
<li cl
浏览 0提问于2013-07-06得票数 3
回答已采纳
我对滚动条有意见。问题是出现在页面上的全屏菜单，并由于display: none而重置页面拼贴栏。
下面的图片会比我解释得更好。
TypeScript代码：
// PROBLEM: The method that toogle the menu by adding a css class with 'display: none'.
toggleMenu() {
const main = document.getElementById('main');
if (main !== null) {
if (this.menuOpen)
浏览 1提问于2022-09-15得票数 0
回答已采纳
3回答
我想有一个div区域可滚动在我的页面上，并已设置溢出在我的div CSS的滚动，但现在我想隐藏滚动条在所有的浏览器，这样div可以滚动没有滚动条/面板显示，包括隐藏在Firefox的可怕的滚动面板，我知道如何隐藏滚动条在chrome，但这在firefox不起作用，有人能建议谢谢吗？
下面是我用来在chrome和其他webkit浏览器中隐藏滚动条的方法：
#element::-webkit-scrollbar {
display: none;
}
浏览 7提问于2013-04-15得票数 5
2回答
如果dom生成重复的相同元素怎么办？例如：
<ul id="listitem">
<li>item1</li>
</ul>
<ul id="listitem">
<li>item1</li>
</ul>
<ul id="listitem">
<li>item1</li>
</ul>
...
那么有没有可能保留其中的一个并删
浏览 0提问于2012-05-12得票数 1
回答已采纳
1回答
我已经绞尽脑汁想弄清楚如何在Svelte中重新设置默认滚动条的样式。我尝试了常规的HTML样式，数十个外部npm包，以及我能找到的所有源代码，但它们都不起作用。如何在Svelte网站中重新设置默认滚动条的样式？ 我尝试将以下代码添加到样式表中，但无济于事： main::-webkit-scrollbar {
width: 0.25rem
}
main::-webkit-scrollbar-track {
background: #1e1e24;
}
main::-webkit-scrollbar-thumb {
color: #93CAED
}
浏览 27提问于2021-10-16得票数 0
如果我有两个或两个以上的网络接口，从虚拟的和真实的，它可以设置iptables规则来影响所有这些接口？
示例:我有四个接口，eth0、eth0:0、eth1和loopback，我想设置以下规则：
iptables -A INPUT -i eth0 -p tcp --dport 80 -j ACCEPT
如何将此规则应用于eth0、eth0:0、eth1，而不是在loopback中应用？
如果该规则适用于eth0，那么是否也适用于eth0:0？
浏览 0提问于2016-09-03得票数 2
回答已采纳
2回答
我无法删除iOS中的滚动条。滚动条有时会出现。
::-webkit-scrollbar { display:none; }不工作。
尝试使用重写
self.wkWebView.scrollView.showsHorizontalScrollIndicator = NO; self.wkWebView.scrollView.showsVerticalScrollIndicator = NO;
即使这样也不管用。
这只是在使用WKWebView之后。在UIWebView中这是很好的。我不想删除wkWebView。我只在iPhone 6s - iOS 11上测试过。
浏览 0提问于2018-02-17得票数 0
1回答
CSS过滤器应用程序顺序
、、、
似乎CSS筛选器不遵循与其他CSS属性相同的规则，包括覆盖和应用顺序。
首先，它们只能重叠，不能被后代元素中的过滤器覆盖(替换)。其次，更改CSS规则特异性似乎不会更改这些过滤器的应用顺序。这就是我现在要处理的问题。
正如在这个中看到的，亮度滤镜在反转滤镜之前被应用，导致了我所需要的相反的效果。我需要先将倒置滤镜应用于祖先，然后将亮度滤镜应用于特定的后代。
我想出的唯一解决方案是使用:not()从祖先过滤器中排除后代，使我能够对后代应用单独的(不重叠的)过滤器。然而，这导致我们的单页面应用程序(单一的、大的DOM)的性能非常差。
对于如何在这种情况下首先应用反相滤波器或其他解决方案，有什么想法
浏览 1提问于2016-04-05得票数 3
这是我的第一个HTML页面，我是个初学者。做一个在线视频HTML课程。
左边的黑色部分并不完全粘在左边，还有一些白色的空隙。我想把它完全移到左边。
比较以下几点：
我的页面：
vs
它应该是什么样的：。
尝试使用边距、位置绝对/固定/相对等，但无法像在中那样取得效果。
这是HTML：
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible&#
浏览 6提问于2022-07-31得票数 -1
回答已采纳
1回答
我正试图在页面上创建一个模糊效果。我想要一个弹出窗口，然后剩下的页面就模糊了。然而，我似乎只能模糊背景图像，而不是页面上的实际元素，我试图做什么甚至是可能的？
浏览 0提问于2013-11-01得票数 6
2回答
所以很简单。我在css中使用了clip : rect，但我不想在ie8中使用它。IE8有自己的样式表，但是我不知道如何撤销clip:rect。有什么想法吗？
我尝试过的：
普通样式表
#thing{
clip : rect(0 30px 255px 30px);
}
IE样式表
#thing{
clip : none;
clip : rect(0 1000px 1000px 1000px);
}
这两个都是我能想到的，就好像clip:rect从未被调用过一样。
浏览 0提问于2012-06-01得票数 0
回答已采纳
我们在Active Directory上注册了应用程序。我们想通过IP地址限制对应用程序的访问，我发现有条件的策略似乎非常合适。但我在文档中发现，它可以用来限制来自某些IP地址和国家的流量。是否可以以其他方式使用此功能，以仅允许来自特定指定IP地址的请求？任何来自未指定IP地址的请求都应被拒绝。
浏览 20提问于2020-10-10得票数 0
回答已采纳
我试过了，但没有用：
body {
-webkit-filter: grayscale(100%);
}
img {
-webkit-filter: none !important;
}
浏览 3提问于2016-04-09得票数 5
回答已采纳
2回答
我有一个Python语言的DataFrame，它有一个列，上面有名字(比如Joseph Haydn、Wolf港amdeus Mozart、Antonio Salieri等等)。
我想写一个新专栏，上面有海顿、莫扎特、萨列里等人的姓氏。
我知道如何拆分字符串，但我找不到将其应用于序列或数据框列的方法。
浏览 0提问于2015-09-06得票数 10
我有以下HTML代码：
<div>
<p> linux version</p>
<h1> new tool </h1>
它的一些CSS应该选择<h1>，但不选择任何内容。
*:not(div p) {
font-family: sans-serif;
}
以下内容也不起作用：
*:not(div>p) {}
我在超文本标记语言中有很多这样的<div> <p>，而下面的代码选择并应用了字体：
div p {
font-family: sans-serif;
}
浏览 1提问于2013-12-25得票数 12
1回答
请参阅：
HTML
<div class="wrapper">
<div class="content">
<div class="element">some content</div>
<div class="element">some content</div>
<div class="element">some content</div>
&l
浏览 1提问于2014-07-10得票数 0
1回答
编辑样式标签中的滚动条
、、、、
首先，我和我的朋友主要使用Chrome，这样每个人都知道。我知道webkit可以在Chrome中工作。
好的，我需要弄清楚的是如何将webkit滚动条编辑选项放入我的HTML样式标签中。我知道如何在CSS样式表中编辑滚动条，但我没有访问该样式表的权限。因此，我唯一的选择就是尝试使用"style=“进行编辑。但是，我似乎不能编辑我的滚动条，我真的很喜欢这里显示的简单示例：。
有没有办法在标签中做到这一点呢？
浏览 8提问于2013-01-03得票数 2
我想将css规则应用于所有内容(* { color: red; })。
但是，在不需要Javascript或将类应用于我想要应用的任何东西的情况下，我如何做到这一点呢？
类似于：
*:not-type(div) {
color: red;
}
该文件将是：
<span>this is red</span>
<span>this is red</span>
<div>this is not red</div>
浏览 6提问于2014-08-28得票数 1
回答已采纳
我有过
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE article PUBLIC "-//OASIS//DTD DocBook XML V4.1.2//EN" "http://www.oasis-open.org/docbook/xml/4.1.2/docbookx.dtd" []>
<article lang="en">
<articleinfo>
<title>Te
浏览 3提问于2013-09-05得票数 1
回答已采纳
关于Windows事件日志和服务器2008最佳实践的权限以及2008年的用户是什么，我有几个问题。
我正在尝试将EVTLogs注销到另一个驱动器，而不是默认的驱动器。当我将日志重定向到另一个驱动器时(通过redirect、properties、change )，而不是默认的C:，除非服务器\用户能够访问日志写入的文件夹，否则它们无法写入。具体来说，用户具有以下权限:创建文件/写入数据；创建文件夹/追加数据；遍历文件夹/执行文件；列出文件夹/读取数据；读取属性；读取扩展属性。
如果该权限不在该文件夹上，那么即使作为服务器上的管理员，该文件夹也会显示该文件夹上的锁图标，并且EVTLogs不会写入
浏览 0提问于2012-01-31得票数 1
回答已采纳
2回答
为什么下面的代码不起作用？它应该隐藏所有不是p但display属性不能正常工作的元素。
p {
color: #000000;
}
:not(p) {
display: none;
color: #ff0000;
}
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<div>This is some text in a div element.</div
浏览 0提问于2016-09-26得票数 0
我以为我可以用高级的CSS选择器做到这一点，但是很难做到。
我有一个包含以下示例的JS Fiddle
基本上，我如何定位这里的每一个图像，除了第一个图像？我不想使用类或if，如果可能的话，我只想使用高级选择器。
所以类似于.entry-content img:first-child (尽管我知道这是行不通的)
<div class='entry-content'>
<div>
<img src='http://placedog.com/400/300'/>
</div>
&
浏览 0提问于2012-08-22得票数 10
回答已采纳
$('tr > td:gt(0)').filter(function() {
return this.innerHTML.match(/^[0-9\s\.,]+$/);
}).css('text-align','right');
我试图循环遍历一个动态表，并向右对齐每一行中包含数字数据的每个td，但每行上的第一个td除外。
它在第一个tr上工作，但不是后面的每一行..。
浏览 1提问于2014-03-29得票数 1
回答已采纳
1回答
我正在使用bootstrap 4我的项目。下面是我的代码
.form-info-tab {
border: 1px solid #ccc;
border-collapse: separate;
border-spacing: 0px;
padding:5px;
text-align:center;
}
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"
浏览 1提问于2020-04-27得票数 0
因此，如果我增加#功能的上边距，它会从页眉向下拉出高度。我做错了什么？
举例说明。如果我将#功能区{ header :0 auto}更改为#功能区{边距: 20 px auto}，则标题的白色将与20 px一起下移，然后显示功能。我想要的是#特点被拉下来20 is和灰色的边框之间的特色和头
网站：
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header {
height: 100px;
}
header #h
浏览 1提问于2014-03-21得票数 0
回答已采纳
我为我的问题可能造成的混乱道歉，我找不到一个有效的方法来表达它！
基本上，如果我有这样的HTML代码：
<div class="style">
<div>
<div>
<p>Hello world!</p>
</div>
</div>
</div>
像这样的CSS：
.style div{
background-color: red;
}
background-color属性是否仅适用于第一层嵌套的div
浏览 3提问于2017-11-20得票数 0
回答已采纳
1回答
我有我的导航栏，谁不能留下来后，在CSS的视差效果。 我在我的网站上放了一个固定的导航栏，带有一个转换JS "Math.round($(window).scrollTop()) > 490)“。 之后，我为我导航栏下面的横幅设置了一个视差。当我禁用CSS正文中的‘透视图: 1px’时，我的导航栏再次变得固定。如果有人能帮我，那就太好了！谢谢。 body{
perspective: 1px;
transform-style: preserve-3d;
height: 100%;
overflow-y: scroll;
overflow-x:
浏览 20提问于2019-03-28得票数 0
如何从单个HTML元素中删除CSS属性::-webkit-scrollbar？
在我的CSS文件中，我有这样的代码：
::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color:transparent;
}
::-webkit-scrollbar-track {
background-color:transparent;
width: 6px;
}
::-webkit-scrollbar-track-piece {
background-color: blue;
}
::-w
浏览 1提问于2012-02-06得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
