目前为止还没有单个css样式属性来隐藏overflow属性的默认滚动条，需要针对不同浏览器使用不同的专属css样式属性或css伪类来实现。如对于webkit内核的浏览器Chrome、Safari等使用css伪类；Firefox火狐浏览器使用scrollbar-width属性；IE 10+浏览器使用专属属性-ms-overflow-style。 Firefox浏览器 scrollbar-width 允许开发者设置滚动条出现时的厚度，可选值：auto、thin、none，支持Firefox 64+版本、Firefox for Android 64+版本 代...

通过审查元素或者直接F12键打开浏览器控制台默认是空白的，但可以通过javascript代码的console.log给它添加一个带样式的提示内容，支持Firefox、Chrome、Edge（不支持IE系列）等浏览器。 代码 if (window.console) { console.log("%c掏点东西（https://www.tddx.net）","color:#fff; background-color:#333333; padding:5px; border-radius: 10px; font-size:16px;"); ...

Chrome浏览器下form表单，点击input输入框选择输入记录自动填充时，输入框背景颜色会改变，这是chrome浏览器内置的表单自动填充背景颜色，查看元素后找到相关css样式如下： input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, sele...

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()点击事件，被点击的元素会出现黄色边框： 解决方法： 给被点击的元素添加:focus的css代码：（如被点击的元素是element，代码如下 element:focus { outline:none; } 或 element:focus { outline:0; }

IOS/Android不支持video的autoplay，PC端的safari也在2017年的safari 11版本中禁止带声音的多媒体自动播放功能，然后Chrome在2018年4月份发布的66版本也关掉了声音自动播放，也就是说HTML5的audio和video标签autoplay属性在一般网页端基本算是废的。要想网页端让autoplay生效，可以让用户自己设置自己的浏览器，允许带声音的多媒体自动播放。 设置方法： 1、在chrome浏览器地址栏中输入：chrome://flags 2、搜索“Autoplay policy”，默认为“Default”...

Chrome*浏览器 chrome模拟手机总共有四种方法，原理都一样，通过伪装User-Agent，将浏览器模拟成Android设备。以下标星的为推荐方法。 1、新建Chrome快捷方式 右击桌面上的Chrome浏览器图标，在弹出的右键菜单中选择“复制”，复制一个图标副本到桌面。 右击该副本，选择“属性”，打开相应的对话框，在“目标”文本框的字符后面添加以下语句：“–user-agent=”Android””，如下图： 注意user前面是两个“-”，并且“chrome.exe”与“–user”之间有一个空格。确...

先看一段HTML代码，在下边这段代码中，这张图片的宽度未知，我想写在CSS中写一行限制最大宽度为50px： <div id="test"> <img src="/sheji/Files/2011-10/8/93619040.gif" /> </div> Firefox或IE较高的版本可以直接写max-width。在IE的低版本浏览器中，我们可能会写如下的代码： #test img{width: expression(this.width > 50 ? '50px': true); max-width: 50px; } ...