css
北海军
这个作者很懒,什么都没留下…
展开
-
input type=number时候去除默认上下按钮
/deep/input::-webkit-inner-spin-button{-webkit-appearance:none!important;}/deep/input::-webkit-outer-spin-button{-webkit-appearance:none!important;}input[type="number"]{-moz-appearance:textfield;}原创 2020-09-12 10:49:59 · 1816 阅读 · 0 评论 -
img动态背景图
<header class="header" :style="{background: 'url( '+ activeBackground +') center'}">data () { return { activeBackground: require('../../../assets/images/headLogo1.png') // 不加requ...原创 2019-12-11 11:48:50 · 329 阅读 · 0 评论 -
不可操作按钮
////////////////////////js代码 jQuery(function () { //新增后除保存取消返回不可进行其他操作 var saveBtn = $(".com_btn:contains('保存')"); var cancelBtn = $(".com_btn:contains('取消')"); var backBtn = $(".com...原创 2018-02-12 10:10:52 · 289 阅读 · 0 评论 -
自适应,响应式样式
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">body { width:1024px; margin: 0 auto; font: normal 100% "micros...转载 2018-02-12 10:08:52 · 389 阅读 · 0 评论 -
线性渐变
background-image:-o-linear-gradient(left,#CB0B30,#E7778C); background-image:-webkit-linear-gradient(left,#CB0B30,#E7778C); background-image:-moz-linear-gradient(left,#CB0B30,#E7778C); bac...转载 2018-02-12 10:07:57 · 184 阅读 · 0 评论 -
图片上传预览
//单张图片html代码<div class="yanzRight"> <input style="margin-top:5px;float: left;" id="st18" name="evidence" onchange="previewImage(this,5)" type="file"/>转载 2018-02-12 10:07:08 · 179 阅读 · 0 评论 -
图片轮播
//html部分<div class="banner float_clear" id="banner"> <div class="active transition" name="1" data-num="1"> <img src="../images/banner.png" alt="&q原创 2018-02-12 10:05:14 · 247 阅读 · 0 评论 -
swiper自动轮播可滑动
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-转载 2018-02-12 10:04:30 · 9956 阅读 · 0 评论 -
swiper图片滑动
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Swiper demo</title> <meta name="viewport" content="wi转载 2018-02-12 10:02:29 · 535 阅读 · 0 评论 -
placeholder颜色
//有兼容性::-webkit-input-placeholder{ color:#fff;}:-moz-placeholder {color:#fff;}::-moz-placeholder{color:#fff;}:-ms-input-placeholder{color:#fff;}//不行就在冒号前面加input 或者textarea...转载 2018-02-12 10:01:35 · 113 阅读 · 0 评论 -
marquee
marquee标签属性详解 direction 属性的参数值 示例代码 示例属性 direction="left" 我向左滚动 向左(默认值) <marquee direction="left">我向左滚动</marquee> direction="right" <marquee direction="right">转载 2018-02-12 10:00:07 · 270 阅读 · 0 评论 -
字体间距
letter-spacing:0px;font-size;0px;//父元素转载 2018-02-12 09:57:27 · 392 阅读 · 0 评论 -
input换背景框
//html部分<span style="height:15px;line-height: 15px;position:relative" > <input class="back_checked" type="checkbox" ><s></s></span>//css部原创 2018-02-11 17:59:23 · 162 阅读 · 0 评论 -
input禁止纯中文输入
<input onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" id="name1" name="mobile" maxLength="11">转载 2018-02-11 17:58:30 · 2702 阅读 · 0 评论 -
文字是否自动换行
强制不换行div{white-space:nowrap;}自动换行div{word-wrap: break-word;word-break: normal;}强制英文单词断行div{word-break:break-all;}============================================CSS设置不转行:overflow:hidden 隐藏white-space:norm...转载 2018-02-11 17:57:06 · 1018 阅读 · 0 评论 -
s三角形绘制
width:0px; height:0px; border:10px solid transparent; border-top:10px solid #808080;转载 2018-02-11 17:56:06 · 214 阅读 · 0 评论 -
h不确定高度垂直水平居中
//methods1father{ position:relative;}child{ position:absolute; top: 0; bottom: 0; left: 0; right: 0; width: 50%;//自己调 height: 30%;//自己调 margin: auto;}//ms2fath...转载 2018-02-11 17:49:43 · 464 阅读 · 0 评论 -
ie滚动条颜色
div{//这个div得要有滚动条一般设置在body后(验证过可用) scrollbar-face-color:#c90328;}转载 2018-02-11 17:41:00 · 325 阅读 · 0 评论 -
y单多行文字超长自动隐藏带。。。号
//单行overflow: hidden; text-overflow: ellipsis; white-space: nowrap;//多行overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; ...转载 2018-02-11 17:33:28 · 134 阅读 · 0 评论