
css
css
前端路上迷茫的小鲨鱼
这个作者很懒,什么都没留下…
展开
-
el-cascader宽度限制,超出显示滚动条
【代码】el-cascader宽度限制,超出显示滚动条。原创 2023-02-22 11:15:10 · 2643 阅读 · 1 评论 -
css去掉谷歌浏览器输入框背景颜色
important;!important;input {原创 2023-03-21 11:27:24 · 517 阅读 · 0 评论 -
css制作跑马灯
css制作跑马灯原创 2022-07-20 11:41:12 · 909 阅读 · 0 评论 -
隐藏滚动条但可以滚动
element隐藏滚动条但可以滚动原创 2022-07-18 09:27:16 · 1017 阅读 · 0 评论 -
css下拉显示隐藏动画效果
css下拉显示隐藏动画效果原创 2022-06-20 15:21:12 · 1085 阅读 · 0 评论 -
css自定义单选框和开关选择器
自定义单选框复选框开关按钮样式原创 2022-06-20 15:22:48 · 557 阅读 · 0 评论 -
样式运算符
:style="{ position: fixed ? 'fixed' : 'relative', top: fixed==true ? '170rpx' : '', zIndex: fixed ? 99 : 1, backgroundColor: bgColor}">原创 2021-02-20 15:37:14 · 133 阅读 · 0 评论 -
uniapp自定义模态框
<button type="primary" class="btnBg fujiabtn" @tap="invoiceHandle">发票识别</button><view class="popupBox"> <view class="maskName" v-if="invoiceShow" @tap="invoiceShow=false"></view> <view class="newForm" v-if="invoiceS.原创 2020-12-09 17:14:49 · 3952 阅读 · 1 评论 -
阿里矢量图可根据样式修改颜色
1.在阿里矢量图添加想要的图表到项目中,并下载到本地2.本地进行引用<link rel="stylesheet" href="download/font_1781254_eare1wsit7m/iconfont.css">3.使用<i class="iconfont icon-shixinyuanxing" style="color: red"></...原创 2020-04-26 15:23:09 · 2400 阅读 · 0 评论 -
css超出两行省略号表示
//一行 white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;//两行text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: elli...原创 2020-04-26 10:49:03 · 169 阅读 · 0 评论 -
css鼠标经过动态上移
.buss_detail{ border-radius: 5px; padding: 20px 25px; background: #f5f5f5; transition: all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -web...原创 2020-04-13 11:19:54 · 981 阅读 · 0 评论 -
CSS Media媒体查询
1.如当屏幕宽度最大为960px(小于960px)时,将网页背景色变为黑色:@media screen and (max-width: 960px){ body{ background:#000; }}2.如当屏幕宽度最小为960px(大于960px)时,将网页背景色变为桔色:@media screen and (min-width:96...转载 2020-03-05 15:43:22 · 712 阅读 · 0 评论 -
checkbox自定义样式
<div class="form-table-left" style="width: 100%;"> <span class="span-left">本人承诺提供的信息、材料均合法、真实、有效</span> <span class="span-left checkBox"> <input type="checkBox" nam...转载 2020-02-14 16:03:02 · 131 阅读 · 0 评论 -
*星号
.required:after { content: '*'; display: inline-block; color: #c64141;}<div class="title layui-col-md4 required">类型</div>原创 2020-01-10 11:38:40 · 216 阅读 · 0 评论 -
layer修改指定弹框按钮样式
layer.open({ skin: 'demo-class', content: '确认提交?', btn: ["取消", "确认"], yes: function (index) { layer.close(index) }, btn2: function (index) { som...原创 2020-01-08 11:18:25 · 4015 阅读 · 0 评论 -
选择框下箭头
.city-picker-selector .selector-item:after { content: ''; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 6px solid #ccc; display: block; width: 0; ...原创 2019-12-18 11:06:35 · 311 阅读 · 0 评论 -
媒体查询 设置屏幕高度范围
@media screen and (max-height: 750px) { .bottom { float: left; background-color: #dcdcdc; }}原创 2019-10-12 17:01:47 · 1952 阅读 · 0 评论 -
link、visited、active 、hover、focus的介紹
E:link 选择匹配的E元素,且匹配元素被定义了超链接并未被访问过。用于链接锚点上E:visited 选择匹配的E元素,且匹配元素被定义了超链接并已被访问过。用于链接锚点上E:active 选择匹配的E元素,且匹配元素被激活。常用于锚点与按钮上。E:hover 选择匹配的E元素,且用...原创 2019-01-22 11:29:12 · 546 阅读 · 0 评论 -
文件上传
<a href="javascript:;" style="background: #8492af; color: #ffff; width: 100px; display: block; text-align: center; line-height: 40px; height: 40px; overflow: hidden;">营业执照.jpg <inp...原创 2019-02-22 09:33:03 · 125 阅读 · 0 评论 -
css怎么设置页面缩放最小宽度
html, body { min-width: 1500px;}@media only screen and (min-width: 1500px) { html, body { min-width: 1500px; }}原创 2019-05-14 15:46:17 · 8711 阅读 · 0 评论 -
响应式布局
响应式布局就是网页能够响应各种各样不同分辨率大小的设备body {background-color: #ccc;}@media screen and (max-width: 1000px) { body {background-color: blue;}}@media screen and (max-width: 800px) { body {backgr...原创 2019-09-19 18:31:27 · 172 阅读 · 0 评论 -
css四个角边框
.rect{ background: linear-gradient(to left, #196aa8, #196aa8) left top no-repeat, linear-gradient(to bottom, #196aa8, #196aa8) left top no-repeat, linear-gradient(to left, #196aa8, #...原创 2019-09-24 09:27:34 · 2980 阅读 · 0 评论 -
div p、div>p、div+p、div~p、div.a 、p,span的用法和区别
div p、div>p、div+p、div~p、div.a 的用法和区别div p :将所有<div>标签里面的<p>标签选中(子标签和孙子辈标签)<style> div span{color:red;}</style><div> <p> <span> Hello原创 2019-01-22 11:08:37 · 20195 阅读 · 10 评论