![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
叫我美女就行
这个作者很懒,什么都没留下…
展开
-
【css】使用图片美化滚动条
overflow-y: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none; &::-webkit-scrollbar { .width(16px, 1px); } &::-webkit-scrollbar-thumb { background: #3c69c6 url(../img/scroll-button.png) cent...原创 2020-12-19 17:56:05 · 415 阅读 · 1 评论 -
【js】表格合并
function tableMerge(name, v) { let tr = $(name).find('tr').length; for (let item in v) { let mark = 0; let index = 0; if (tr > 1) { for (let i = 0; i < tr; i.原创 2020-12-08 17:37:50 · 249 阅读 · 0 评论 -
【css】文字超出省略号显示
overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical原创 2020-11-09 16:19:17 · 65 阅读 · 0 评论 -
【css】线性border
border-bottom: 3px solid rgba(24,126,182,1);border-image: -webkit-linear-gradient(left, rgba(24,126,182,0),rgba(24,126,182,1), rgba(24,126,182,0)) 10 10;border-image: -moz-linear-gradient(left, rgba(24,126,182,0),rgba(24,126,182,1), rgba(24,126,182...原创 2020-07-28 14:15:25 · 241 阅读 · 0 评论 -
【js】鼠标滚轮事件
('.nav').on("mousewheelDOMMouseScroll",function(e){letdelta=(e.originalEvent.wheelDelta&&(e.originalEvent.wheelDelta>0?1:-1))||(e.originalEvent.detail&&(e.origi...原创 2020-07-09 12:24:46 · 123 阅读 · 0 评论 -
【css】手机端滚动条美化
overflow-x:scroll;&::-webkit-scrollbar{width:5px;height:8px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1pxsolid...原创 2020-06-28 18:23:04 · 412 阅读 · 0 评论 -
【css】滚动条美化
.nav::-webkit-scrollbar{/*滚动条整体样式*/width:20px;/*高宽分别对应横竖滚动条的尺寸*/height:1px;}.nav::-webkit-scrollbar-thumb{background-...原创 2020-03-31 10:15:01 · 138 阅读 · 0 评论 -
【css] 更改标签默认title
$('p.mytooltip').mouseover(function (e) { newtitle = this.title; this.title = ''; $('body').append('<div id="mytitle" >...原创 2019-12-10 16:38:52 · 736 阅读 · 0 评论 -
【css】渐变色
background: linear-gradient(-45deg, transparent 33%, #BA68C8 33%, #BA68C866%, transparent 66%);原创 2019-10-16 14:51:46 · 91 阅读 · 0 评论 -
【css】设置透明滚动条
overflow: scroll;-ms-overflow-style:none;overflow:-moz-scrollbars-none;&::-webkit-scrollbar{ width: 0px;}原创 2019-10-16 14:50:06 · 1302 阅读 · 0 评论 -
【css】自定义select下拉框箭头样式
//隐藏箭头appearance:none;-moz-appearance:none;-webkit-appearance:none;&::-ms-expand{display:none;...原创 2019-10-16 14:48:17 · 3431 阅读 · 1 评论