html
大刘鸭
如果你觉得你写的代码有bug,那么它一定有bug。
展开
-
input 浏览器中会自动输入历史记录,完美解决。
问题描述:在浏览器使用 form 得时候,浏览器经常会 自动 将输入框的内容自动填充进去,即使你没有加上 autocomplate 属性 ,浏览器也是会给你自动填充。如何解决:给 input 输入框, 加上一个 readonly 得属性,使用 settimeout ,在一定时间间隔后,再将这个readonly 属性移除即可。settimeout 得时间间隔值,需要根据需...原创 2019-10-28 16:00:05 · 6715 阅读 · 0 评论 -
浮动元素居中
一个浮动的元素如何居中原创 2016-11-16 13:38:46 · 419 阅读 · 0 评论 -
H5 移动端 调用手机相机 进行拍照
<input type="file" onchange="inputChange;" accept="image/*" capture="camera"/>使用的是 H5 input 元素提供的 capture = "camera" 属性和 accept 属性,accept: 文件的类型capture 必须为 camera 只有 accept 属性 没有 c原创 2018-10-18 13:16:47 · 285 阅读 · 0 评论 -
css 实现 stick-footer
粘性底部(stick-footer): 屏幕内容不足一屏幕时,footer固定在底部, 内容超过一屏幕的时候,footer在内容的最下面,滚动到最后在可以看到footer亲测有效!亲测有效!亲测有效!亲测有效!亲测有效!亲测有效!亲测有效!亲测有效!亲测有效!亲测有效!亲测有效!亲测有效!亲测有效!亲测有效!亲测有效!CSS 如下:...原创 2018-11-26 14:13:11 · 432 阅读 · 0 评论 -
css 设置 多行超出 显示为 省略号 ,可 多行超出 显示为 省略号
开发过程中我们可能会遇到这样的需求: 有一行文本,不足一行,全部显示,超出一行,行尾显示为省略号。可能你会有些扫操作,用 JS 去动态的判断,尽管效果已经实现,但是看上去搓的一逼,配不上前端这个词。下面给你介绍 两种 优雅的 方式 ,来实现这个效果。HTML如下:<div class="text-to"> 这是测试,这是测试,这是...原创 2017-02-23 16:43:04 · 4800 阅读 · 0 评论 -
link 和 @import 异同
1、定义不同 用法不同 @import 是 CSS 提供的愈发规则,只能 用于倒入样式表link 是 HTML 提供的标签,可以 加载 CSS ,可以定义 RSS ,rel 链接属性 2、加载顺序不同加载页面的时候,link 同时加载,@import 在页面加载完毕后加载 3、兼容性 @import 是 CSS2.1 的语法,link 是 HTML ...原创 2018-11-28 18:58:47 · 124 阅读 · 0 评论 -
CSS 属性 caret-color ,修改 input 标签 光标 颜色
献上官网文档caret-color用来修改 输入框光标的颜色且兼容性良好用法:<input style="caret-color:red">原创 2019-09-10 16:02:58 · 490 阅读 · 0 评论