今天给各位分享谷歌浏览器调css样式的知识，其中也会对谷歌浏览器调css样式在哪进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录

1. 如何修改浏览器背景颜色啊白色太刺眼了~~~
2. 谷歌浏览器不支持CSS设置小于12px的文字怎么办
3. chrome 调试为什么有些css不能改
4. ...Safari、Opera等主流浏览器单独定义CSS样式

一、如何修改浏览器背景颜色啊白色太刺眼了~~~

如何修改浏览器背景颜色啊？白色太刺眼了~~~~

把窗口边成让眼睛能好受点的颜色，操作如下：

把窗口边成让眼睛能好受点的颜色，操作如下：

桌面--右键--属性--外观--高级--项目--窗口--颜色--其他

然后单击[添加到自定义颜色]~~~~~~点完确定就好

打开浏览器点“工具”再点“INTERNET”再点“辅助功能”在“不使用网页中指定颜色”确定，退出

现在打开“我的电脑”“资源管理器”“浏览器”看看，是不是变了

把白皑皑的窗口变成淡淡的苹果绿。方法是：桌面-右键-属性-外观-高级-项目-窗口-颜色-其它，色调设为85，饱和度设为90，亮度设为205。然后单击[添加到自定义颜色]-确定...一路确定。如果想改成其他颜色，可以自己选择。如何调整网页指定的颜色你要先进行设置，打开浏览器，点击“工具”，点“INTERNET”选项，点右下角的“辅助功能”，然后勾选“不使用网页中指定的颜色”。点确定退出。OK！

IE浏览器的背景颜色是不能修改的它是系统已经定下来的了其它的浏览器一般也没有这个功能或者你可以换个系统主题看看

IE浏览器的背景颜色是不能修改的它是系统已经定下来的了其它的浏览器一般也没有这个功能或者你可以换个系统主题看看单击桌面＝》选择属性＝》外观＝》高级＝》在项目的下拉菜单中找到活动窗口标题栏，把他的颜色改成你想要的就是了

1.打开ie浏览器，点击“工具”，选择“inter选项”

2.在“常规”选项卡中，点击“颜色”按钮

3.取消勾选“使用windows颜色”前面的勾选，点击下面IE背景颜色方框，如下图

5.选择色调“85”，饱和度“123”。亮度“205”，选择“添加到自定义颜色”，点击“确定”按钮

6.确定返回，点击“辅助功能”，如下图

7.勾选“忽略网页上指定的颜色”，点击“确定”按钮保存退出。

在显示器按钮里进入亮度对比度设置调到和周围光线差不多的程度。

如果是晚上，建议电脑显示器旁边放一盏灯让周围光线亮度差不多，就不会那么刺眼。

浏览器的设置里的皮肤管理然后选择或添加一款你喜欢的颜色应用即可。

小米2手机浏览器里的百度新浪等网页背景都变成黑了怎样才能设置白色背景？

估计是你打开了夜间模式，你可以在浏览器的界面下点击菜单键～设置～选择日间模式。

设置浅绿色背景（谷歌浏览器绿豆沙背景设置）方法：

1、找到 Chrome浏览器安装目录下的 Custom.css样式文件（此文件默认为空）

2、添加以下代码到 Custom.css样式文件并保存即可

,body{background-color:#CCE8CC!important

Win7系统中 Custom.css样式文件路径为：

C:\Users\系统用户名\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets

如果想更换其他颜色，只需要将#CCE8CC改成其他颜色代码即可。

右上角缩小符号旁边有个皮肤更换的按钮

二、谷歌浏览器不支持CSS设置小于12px的文字怎么办

在最新版的谷歌里。已经不在支持这个属性啦

谷歌浏览器Chrome是Webkit的内核，有一个-webkit-text-size-adjust的私有 CSS属性，通过它即

可实现字体大小不随终端设备或浏览器影响。

-webkit-text-size-adjust:none;

如何让谷歌浏览器支持小于12px的字体

经常与网页打交道的攻城师，应该都知道。谷歌不支持小于12px的字体。

比如。修改浏览器配置。修改浏览器语言。

但作为一个WEB，我们无法修改用户的浏览器。这时候就出现了

html{-webkit-text-size-adjust:none;}

但是，在最新版的谷歌里。已经不在支持这个属性啦。所以。这个属性。。。。

而我们用到的就是transform:scale()

<p>我是一个小于12PX的字体</p>

放在浏览器预览。会发现最新版谷歌已经不在支持。还是12px

-webkit-transform:scale(0.8);//0.8位缩放倍数，具体自己根据实际需求修改

p{font-size:10px;-webkit-transform:scale(0.8);}

但是，如果，这个属性会把真个p的属性都缩放。如果我有背景呢？我有边框呢？都会被缩小！

<p><span>我是一个小于12PX的字体</span></p>

span{-webkit-transform:scale(0.8);}

但是你会惊讶发现，不可以。实际上，是以为-webkit-transform:scale(0.8);只能缩放可以定义宽高

的元素，而span是行内元素，不可以

span{-webkit-transform:scale(0.8); display:inline-block}

为什么定义 display:inline-block而不是 display:block？

转为block就独占一行啦。如果我后面紧追怎么办元素。所以转换为inline-block

放在谷歌浏览器里，运行一下会发现支持字体变小啦~~放心啦。。。

但是你会发现。会存在一定的边距。貌似margin或者padding的间距。这就是缩放存在问题。原来的位

所以，要对应修改margin了。定义为负的。。

NO，我们还需要去兼容opera！！！

为什么？opera现在最新版也是webkit内核啦~~~苦逼的工程师呀~

本来就是10px的字体了。然后在缩放，不敢想象了！

span{-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block}

放心opera还是支持他的私有前缀的。

<title>无标题文档</title>

span{-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block}

<p><span>我是一个小于12PX的字体</span></p>

为了方便，我们最好定义为一个类，方便我们每次调用

<title>无标题文档</title>

.shrink{-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block}

<p><span class="shrink">我是一个小于12PX的字体</span></p>

三、chrome 调试为什么有些css不能改

1、我刚刚也碰到了一样的问题，chrome的dev里面也是显示style，而不是文件名。但是样式都显示了呀，火狐里面是可以改的！一开始很懵逼，仔细看了一下没哪里写错啊，引用路径都对的啊！

2、然后我就把css文件里面的样式删掉，写个简单属性的测试，发现chrome里面是可以改的。所以我就回去看看是不是样式写错了，但是编译器也没报错，慢慢找，删掉可能导致这个问题的属性，然后试一下，结果我发现是我background属性，定义了一个颜色，因为图片还没好，url也顺便写了，但给了一个空值，于是我删掉了url然后就好了。

3、这个问题你可以先检查一下你的地址是不是对的，然后去检查css文件内容有没有问题。

4、虽然不是很难，遇到了我就拿出来分享一下，万一对你们有用呢！！！

四、...Safari、Opera等主流浏览器单独定义CSS样式

1、 var用户代理= navigator.userAgent.toLowerCase();

2、(浏览器=用户代理.match(/msie([\d.]+)/))?浏览器版本.ie=浏览器[1]:

3、(浏览器=用户代理.match(/firefox\/([\d.]+)/))?浏览器版本.firefox=浏览器[1]:

4、(浏览器=用户代理.match(/chrome\/([\d.]+)/))?浏览器版本.chrome=浏览器[1]:

5、(浏览器=用户代理.match(/opera.([\d.]+)/))?浏览器版本.opera=浏览器[1]:

6、(浏览器=用户代理.match(/version\/([\d.]+).*safari/))?浏览器版本.safari=浏览器[1]: 0;

7、 if(浏览器版本.ie) document.write('<style>CSS在这里</style>');

8、 if(浏览器版本.firefox) document.write('<style>CSS在这里</style>');

9、 if(浏览器版本.chrome) document.write('<style>CSS在这里</style>');

10、 if(浏览器版本.opera) document.write('<style>CSS在这里</style>');

11、 if(浏览器版本.safari) document.write('<style>CSS在这里</style>');

12、变量用的中文，你应该看得懂，不懂再问我

关于本次谷歌浏览器调css样式和谷歌浏览器调css样式在哪的问题分享到这里就结束了，如果解决了您的问题，我们非常高兴。