css
撒库拉-琳琳
这个作者很懒,什么都没留下…
展开
-
input focus改变边框颜色
我需要将其变成浅绿色,修改focus和focus-visible的border-color都没有用;后面发现需要设置下input的outline-stylenone;这样就可以改变边框颜色了。记录一下遇到的小问题input当focus时边框颜色是深蓝色,就像这样。...原创 2022-07-20 14:27:24 · 4428 阅读 · 0 评论 -
antd pro 自定义菜单 经过子级时主菜单会上下移动
问题描述:左侧主菜单点击出现右侧子菜单,通过修改子菜单的样式,将其定位在其右侧;经过sonMenu9及以下时,主菜单menu5会下移,经过sonMenu7时,主菜单menu5会上移,经过sonMenu8及以上时,主菜单menu5会不动: 第一种投机取巧办法:将子菜单的高度调到主菜单menu5以上,这样避免了经过时的上下移动; 第二种一劳永逸办法:将主菜单的ant-menu-submenu-title设置margin:0 !important;多番认证发现是这个ant-menu-submenu-title原创 2020-05-13 22:52:19 · 628 阅读 · 0 评论 -
sticky-粘性布局
position: sticky; sticky的中文意思是“粘性的”,position:sticky表现也符合这个粘性的表现。特别适合导航的跟随定位效果。 基本上,可以看出是position:relative和position:fixed的结合体——当元素在屏幕内,表现为relative,就要滚出显示器屏幕的时候,表现为fixed。 特性 position:sticky有个非常重要的特性,那就...原创 2019-08-21 09:45:05 · 2667 阅读 · 0 评论 -
内容不固定三列多行等高布局
之前做过很多多列固定高度的样式,这种三列里面内容是不一样高度的,但是需要展示成跟列表一样,三列多行规规整整的; 如果用float进行布局的话,会导致一行只展示两列的情况; 如果用display:inline-block;进行行内块的话,会导致瀑布流的情况,没有办法像表格一样根据内容的高度而定; 所以我用的flex进行布局可以完美的解决这个问题。 // father ul { display...原创 2019-08-22 17:39:46 · 396 阅读 · 1 评论 -
iconfont与雪碧图的优缺点
iconfont(图标字体) 可以缩放的矢量图标。你可以使用CSS对它们进行修改:大小,颜色,阴影等。体积特别的小。可能几百个图标才几十KB。 优点: 高清保真,因为是SVG图形。 灵活性,可以设置大小,颜色等。 兼容性好,支持IE6 开源的字体库很多 减少HTTP请求 缺点: 维护自己的字体库麻烦一些 图表字体只能被渲染为单色的 ...原创 2019-08-18 10:37:38 · 1558 阅读 · 3 评论 -
如何让单页面支持 3840x2160分辨率的电视机,响应式布局
试过很多办法,设为百分比的话,页面显示OK,但是字体什么的会有点异常,所以直接判断分辨率,通过transform:scale进行放大或缩小倍数的办法来实现不同分辨率的适配。 (function($) { // 插件的定义 $.fn.scale = function(options) { var obj = this; var opts = $.e...原创 2019-10-11 15:13:17 · 1875 阅读 · 0 评论