css
梅花三
我有故事,可我不说
展开
-
网站置灰的方式
网站置灰的方式原创 2022-12-06 16:20:29 · 154 阅读 · 0 评论 -
网格布局缩放
网格布局缩放。原创 2022-10-11 14:41:00 · 135 阅读 · 0 评论 -
文本css样式
文本样式原创 2022-07-28 16:39:18 · 47 阅读 · 0 评论 -
position:sticky粘性定位
项目中可能会遇到这样的需求:当页面某个元素滚动到顶部时,让其定位或悬浮在顶部,如下图红框区域所示:方式一:C3新属性,position:sticky实现以上效果的最简单方式,是使用C3提供的新属性position:sticky。然后设置top值等于顶部导航的高度即可。同理,根据效果可以设置 right,bottom,left。MDN给出的说明:The element is posit...原创 2020-04-07 21:59:37 · 1258 阅读 · 0 评论 -
ios + input/textarea + disabled
页面代码里应用了input或textarea,需求使其不可点击,此时若使用disabled,会发现ios上的input/textarea颜色会变浅很多,而安卓上样式是正常的。解决办法,就是对处于disabled状态的input/textarea重新设置透明度。input[disabled], input:disabled,textarea[disabled], textarea:disable...原创 2019-12-13 18:27:23 · 230 阅读 · 1 评论 -
前端遇到的一些问题
1. 按钮始终固定在底部移动端经常会出现,一个表单里面,确定按钮固定在底部这样的布局,一般会让按钮absolute或者fixed,这样在ios上没有问题,但是在安卓手机上,当表单里面的input输入框获得焦点的时候,按钮会挡在表单上,影响美观。这个可以采用flex布局完美解决。HTML代码<div class="mui-content bg-white"> <div c...原创 2019-06-11 22:43:39 · 219 阅读 · 0 评论 -
隐藏input的光标
android和浏览器:input { opacity: 0;}//在ios上仍会显示输入框光标ios:input { opacity: 0; text-indent: -999rem; //文本向左缩进,根据自己的页面单位设置即可 margin-left: -100%; //输入框光标起始点向左左移 width: 200%; //输入框增大一倍,因为上面marg...原创 2019-10-10 16:53:05 · 552 阅读 · 0 评论 -
并列的多个元素,让其中一个元素撑满剩余空间
思路:使用flex布局,父盒子设置display: flex; 需要自适应的盒子设置flex: 1。<style>.box1{ width: 100%; display: flex; }.box4{ flex:1; } </style> <div class="box1"> <div class="box2">文本1</...原创 2019-10-10 15:36:09 · 1070 阅读 · 0 评论