随笔分类 - CSS/HTML
摘要：所有input通用样式 input{ display: block; outline: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 30px; } 1、in
阅读全文
摘要：在form标签里面，有个button按钮，这个按钮没有添加type属性，点击的时候回默认提交并刷新；因为这个按钮在没有type属性其类型回默认为submit。 <form> <!-- ... --> <button>提交</button> </form> 原因分析： 在form表单里的button，
阅读全文
摘要：模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。bootstrap的模态框在默认情况下，点击其他空白区域（通常是遮罩层），模态框会被关闭，那么以下方法就是禁止点击其他区域关闭模态框。 backdro
阅读全文
摘要：body { background:#000 url('../images/bg.jpg') no-repeat center top; background-size:cover; background-attachment:fixed;} body:before {content:'';posi
阅读全文
摘要：全局样式加入 *{-moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ u
阅读全文
摘要：1、清除图片下方的几像素空白间隙 第一种： img{display:block} 第二种： img{vertical-align:top;} 除了top值，还可以设置为text-top | middle | bottom | text-bottom 2、让文本垂直对齐文本输入框 input{vert
阅读全文
摘要：<select name="searchfield" id="searchfield" onChange="getfield();"> <option value="time" selected>时间</option> <option value="student">学员</option> <opt
阅读全文
摘要：input,textarea{outline:none;box-shadow:none;appearance:none} textarea{resize:none}
阅读全文
摘要：input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -web
阅读全文
摘要：ios端的只读readonly属性不起作用，这个只读属性在安卓上可以阻止输入，所以键盘不会出现，但是在iphone中不兼容，就在iphone中加一个事件，为input添加聚焦事件，聚焦时触发document或自身失焦，或者是在input上添加聚焦时失焦事件 第一种： $('#birthday').f
阅读全文
摘要：1.通过单一字符将字符串切割成多字符 var data= "烈日当头已数月有余，天气高温，汗流浃背，不知所言。"; var str = data.split(','); 结果： str[0] //烈日当头已数月有余 str[1] //天气高温 str[2] //汗流浃背 str[3] //不知所言v
阅读全文
摘要：html：<select name="setvalue" id="setvalue" data-id="3"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option
阅读全文
摘要：<div class="open"><em><img src="open.png" /></em></div> .open em img { width:100px; height:100px; border-radius:50%; animation:rotate .8s infinite; -webkit-animation:rotate .8s infinite;} @-webkit-key
阅读全文
摘要：input:disabled{ background-color : #fff; 修改默认灰色样式 color: #666; opacity:1; 默认的不透明级别为0.3 -webkit-text-fill-color:#666; 字体颜色安卓与IOS适配 -webkit-opacity:1; 不透明级别安卓与IOS适配 }
阅读全文
摘要：WeUI Picker 多列选择器，需要配合js实现 单列选择器 ...
阅读全文
摘要：background: -moz-linear-gradient(top, #fe8f01 0%, #f52f26 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,##fe8f01), color-stop(100%,#f52f26)); background: -webkit-l...
阅读全文
摘要：解决方法1： 在touch的事件监听方法上绑定第三个参数{ passive: false }，通过传递 passive 为 false 来明确告诉浏览器：事件处理程序调用 preventDefault 来阻止默认滑动行为。 解决方法2：
阅读全文
摘要：//obj为input元素 var val=obj.val(); obj.val('').focus().val(val);
阅读全文
摘要：清理网站缓存的几种方法 meta方法 清理form表单的临时缓存 jquery ajax清除浏览器缓存 方式一：用ajax请求服务器最新文件，并加上请求头If-Modified-Since和Cache-Control,如下: 方法二，直接用cache:false, 方法三：用随机数，随机数也是避免缓
阅读全文
