当表单中存在input[password]的时候，采用submit方式提交。就会触发浏览器自动填充表单。比如chrome自动填充后，淡黄色输入框代替了背景样式，看起来有些怪异。那么如何通过css实现取消浏览器自动填充表单的默认样式呢？解决方法一：当input文本框是纯色背景的，可以对input:-webkit-autofill使用足够大的纯色内阴影来覆盖input输入框的黄色背景；如：w...

在css3中新增了width的属性值：max-content;min-content和fit-content、fill-availablea，用来实现以内容为主的尺寸计算方式。分别介绍一下这三个属性的意义：1.fill-available的意义——自动填满剩余的空间就是有个div没有任何样式的时候，浏览器是按照自动填充的样式呈现的，就是100%width的样式填充的。按照盒子模式，不仅元素在...

一、rem 和 vw 简介1. remrem 是相对长度单位，是指相对于根元素(即html元素)font-size(字号大小)的倍数。浏览器支持：Caniuse示例若根元素 font-size 为 12pxhtml {font-size: 12px;}h1 {font-size: 2rem;/* 2 × 12px = 24px */}p {...

细心的朋友可能会观察到谷歌搜索右侧有个语音搜索功能，能够实现语音识别功能，可能功能还不够完善，不过也算是一种趋势，下面就介绍一下如何实现此功能，代码如下:<input type="text" name="test" x-webkit-speech lang="zh-CN" x-webkit-grammar="bUIltin:search"/>参数解释:1.x-webki...