前端设计
Sakuramissing
在等我的绘梨衣~
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ios 手机端网页input高度设置和内置顶部阴影
消除ios input顶部阴影: input{ -webkit-appearance: none; } 设置ios input的高度的时候,单独的height是不生效的,要加上min-height .search-name-input{ width: 100%; height: 0.87rem; min-height: 0.87rem; background-color: #ffffff; border-radius: 0.08rem; .原创 2020-11-14 10:34:41 · 351 阅读 · 0 评论 -
页面滚动禁止
.forbidScroll { touch-action: none; } 禁止滑动 : body加入css属性 $('body').addClass('forbidScroll'); 开启滑动:移除css属性 $('body').removeClass('forbidScroll');原创 2020-11-10 18:39:54 · 177 阅读 · 0 评论 -
input 组件响应enter输入
html <input @keydown="inputEnter($event.keyCode||$event.which); " v-model="filterName" placeholder="请输入关键字" type="text"> 本文基于vue框架实现,如果是原生的,将@keydown改为onkeydown js inputEnter: function(e){ if (e == 13 || e == 32 ) { this.se...原创 2020-11-03 11:28:37 · 430 阅读 · 0 评论 -
清楚浮动对于后续元素的影响——clearfix
因为view是靠其里面的内容支撑起来的,如果里面的元素float了,就会让后续的元素都受到这个float影响。因此要想消除影响,就要加上clearfix。代码如下: .clearfix:after{ content:""; height:0; line-height:0; display:block; visibility:hidden; clear: both } ...原创 2019-05-31 15:45:46 · 343 阅读 · 0 评论 -
消除button的默认边界
取消 button的边界 .Noneborder::after{ border: none; }原创 2019-06-01 19:15:23 · 1184 阅读 · 0 评论
分享