css3
爱吃排骨
这个作者很懒,什么都没留下…
展开
-
css3 滑动开关按钮 竖着的
在网上找了半天没有竖着的滑动开关,自己赶紧写一个 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>switch</title> <style> .switch{ width: 24px; height: 46px; background: white; border-原创 2020-05-13 16:43:06 · 460 阅读 · 0 评论 -
echarts 柱状图展示数据
carEcharts(time,data,data2){ let Ehcarts=echarts.init(document.getElementById("carEcharts")) let option={ color:["#1FC9E2","#F6D51D"], "title": { "text": "外地车环路分布状态", x: "4%", textStyle: { ...原创 2020-05-10 15:47:23 · 2852 阅读 · 0 评论 -
echarts 多个柱状图
loopEcharts(time,data,data2,data3){ let Ehcarts=echarts.init(document.getElementById("loopEchart")) let option={ backgroundColor:'', color:["#FF2160","#E8E637","#30B1FB"], tooltip: { trigger: 'axis', ...原创 2020-05-10 15:40:23 · 5582 阅读 · 1 评论 -
常用css3 滚动条样式优化
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 3px; background-color: #F5F5.原创 2020-05-08 21:33:14 · 439 阅读 · 0 评论 -
element ui border 表单 表头 设置背景颜色
<el-table :data='userList' style="width:100%;" border :header-cell-style="{background:'#F5F7FA',color:'#606266'}"> 其中:header-cell-style="{background:'#F5F7FA',color:'#606266'}" 就是设置表头背景...原创 2019-10-21 17:49:22 · 9026 阅读 · 2 评论 -
element ui border 表单 表头和内容边框错位问题
在css样式中添加这个样式即可 body .el-table th.gutter{ display: table-cell!important; }原创 2019-10-21 17:26:31 · 2565 阅读 · 0 评论 -
input 框保存账号或者密码 默认样式异常修复
有时候在做登录页面的时候,浏览器会记录账号和密码,这时候可能导致input 框的颜色 和背景颜色有差异(input框默认是白黄色),效果不好看,这样优化一下就好了 input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #ededed !imp...原创 2019-08-19 14:53:35 · 1862 阅读 · 0 评论 -
eacharts tooltip 自定义内容
在做项目时有需求 在提示框里面自定义内容,查了文档后可以使用 formatter 来做 官方例子中的name 相当于opction.series里面的数据,下面看实例更清晰。 在此例子中,我操作的是折线图标 接下来查看 series 里面的内容 其中使用的数据是这样的 接下里看 console.log(e)里面是什么东西 可以看到当鼠标移动到对应的数据小圆点...原创 2018-09-07 16:12:57 · 2695 阅读 · 0 评论 -
table 设置合并边框
先来看看原始表格 <table border="1 "> <thead> <tr > <th>网站</th> <th>资源</th> <th>url</th> <t原创 2018-07-27 10:34:54 · 10968 阅读 · 0 评论 -
css已知宽度,高度/不知道宽度,高度 盒子垂直居中
1.已知宽度,高度,水平居中 <style> .content{ width: 300px; height: 150px; background: red; } .content>input{ width: 30px; height: 30px; display: block; margin:0 auto;...原创 2018-05-14 11:42:26 · 2016 阅读 · 0 评论