超简单的隐藏overflow:scroll滚动条的css代码
目前为止还没有单个css样式属性来隐藏overflow属性的默认滚动条，需要针对不同浏览器使用不同的专属css样式属性或css伪类来实现。如对于webkit内核的浏览器Chrome、Safari等使用css伪类；Firefox火狐浏览器使用scrollbar-width属性；IE 10+浏览器使用专属属性-ms-overflow-style。
Firefox浏览器
scrollbar-width 允许开发者...
给浏览器F12控制台添加提示文字的代码
通过审查元素或者直接F12键打开浏览器控制台默认是空白的，但可以通过javascript代码的console.log给它添加一个带样式的提示内容，支持Firefox、Chrome、Edge（不支持IE系列）等浏览器。
代码
if (window.console) {
console.log("%c掏点东西（https://www.tddx.net）","color:#fff;...
chrome浏览器form表单input自动填充背景颜色的问题
Chrome浏览器下form表单，点击input输入框选择输入记录自动填充时，输入框背景颜色会改变，这是chrome浏览器内置的表单自动填充背景颜色，查看元素后找到相关css样式如下：
input:-internal-autofill-previewed,
input:-internal-autofill-selected,
textarea:-internal-autofill-previewed,
tex...
CSS去掉Firefox、Chrome浏览器button标签点击出现的边框
HTML标签button，在Firefox浏览器中，鼠标点击时会出现虚线边框，而在Chrome浏览器则会出现蓝色边框，但可以通过CSS属性去除。
button {outline:none;}
button:focus {outline:none;} /*IE、Chrome*/
button::-moz-focus_inner {border-color:transparent;} /*Firefox*/...
chrome浏览器jquery点击事件click元素出现黄色边框的解决方法
chrome浏览器下，使用jquery click()点击事件，被点击的元素会出现黄色边框：
解决方法：
给被点击的元素添加:focus的css代码：（如被点击的元素是element，代码如下
element:focus {
outline:none;
}
或
element:focus {
outline:0;
}...
chrome浏览器怎么支持audio和video标签的autoplay自动播放
IOS/Android不支持video的autoplay，PC端的safari也在2017年的safari 11版本中禁止带声音的多媒体自动播放功能，然后Chrome在2018年4月份发布的66版本也关掉了声音自动播放，也就是说HTML5的audio和video标签autoplay属性在一般网页端基本算是废的。要想网页端让autoplay生效，可以让用户自己设置自己的浏览器，允许带声音的多媒体自动播放。
设置方法：...
Chrome浏览器测试移动端网站和模拟手机浏览器的方法
Chrome*浏览器
chrome模拟手机总共有四种方法，原理都一样，通过伪装User-Agent，将浏览器模拟成Android设备。以下标星的为推荐方法。
1、新建Chrome快捷方式
右击桌面上的Chrome浏览器图标，在弹出的右键菜单中选择“复制”，复制一个图标副本到桌面。
右击该副本，选择“属性”，打开相应的对话框，在“目标”文本框的字符后面添加以下语句：“–user-ag...
解决expression在Chrome浏览器不能加载css的问题
先看一段HTML代码，在下边这段代码中，这张图片的宽度未知，我想写在CSS中写一行限制最大宽度为50px：
<div id="test">
<img src="/sheji/Files/2011-10/8/93619040.gif" />
</div>
Firefox或IE较高的版本可以直接写max-width。在IE的低版本浏览器中，我们可能会写如下的代码：
#te...
