![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
麻辣_水煮鱼
游啊游
展开
-
让网页的文字可复制
设置或检索是否允许用户选中文本。原创 2024-05-16 14:10:38 · 133 阅读 · 0 评论 -
css左右两端对齐
【代码】css左右两端对齐。原创 2023-11-08 09:42:22 · 165 阅读 · 0 评论 -
css只翻转背景图片而不翻转内容
想翻转背景图片,直接在元素里面用transform,然后发现内容也翻转了。原创 2022-08-05 09:42:45 · 3039 阅读 · 0 评论 -
css使用伪类元素:after绘制三角形
实现效果如下: .ant-radio-wrapper-checked{ border-bottom: 2px solid #1890ff; position: relative; &:after { position: absolute; bottom: -16px; left: 40%; content: ' '; border: 8px solid transparent; border原创 2022-04-24 09:49:36 · 1808 阅读 · 0 评论 -
解决css font-size设置小字体不生效
使用font-size设置字体,发现最小只到12px,设置小于12字体也不会再缩小了。原因是Chrome以及Chromium内核的浏览器在中文语言下最小字体只能是12px,大部分浏览器都是如此。解决方案:使用transform:scale()缩放属性来实现。/* 小于12px 的字体 */.txt { -webkit-transform: scale(0.5)}兼容写法(有的浏览器允许设置小于12px的字体,那么你需要额外写一个类)/* 优先采用 -webkit-tra...转载 2021-11-16 09:52:12 · 6524 阅读 · 0 评论 -
css 元素水平垂直居中的方法
1.父级相对定位,子级绝对定位.parent{ width: 500px; height: 500px; background: #f00; position: relative;}.child{ width: 300px; height: 300px; background: #fff; position: absolut...原创 2018-12-12 08:23:35 · 96 阅读 · 0 评论 -
animation动画结束后css样式保留最后状态
背景css属性animation动画结束后css状态会返回到最初始状态,但有时候我们想要的是动画结束后css状态达到最后的模样。解决方法:添加css样式animation-fill-mode属性animation-fill-mode:forwards原创 2021-03-24 08:43:21 · 1345 阅读 · 0 评论 -
css实现小三角
下面代码想要实现这样的小三角width: 0px;height: 0px;*width: 4px;*height: 4px;font-size: 0;line-height: 0;overflow: hidden;border-width: 4px;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #236FBD;这样写可以适应大多浏览器..原创 2020-11-12 15:53:50 · 797 阅读 · 1 评论 -
清掉元素的绝对定位的top值
今天想覆盖引用插件中元素绝对定位的top值,直接写了bottom之后,top值还会影响到效果,后来查到了解决方法:设置top:auto,没有兼容性问题原创 2020-08-26 19:16:36 · 830 阅读 · 3 评论 -
CSS实现间隔线|(竖线)
<div style="float:left;width: 1px;height: 40px; background: #e5e5e5;"></div> 就可以实现如图上的分割线效果原创 2020-06-06 18:38:30 · 5470 阅读 · 0 评论 -
css修改多选框的样式
每日的艰辛历程:最开始做好的是左边这个样子,设计师说害太丑了,做成右边这种吧,然后就 改呗。最开始是想修改伪元素的样式来实现,然后发现伪元素的样式不能通过js来修改(因为系统名对应的颜色值是后台返回的),所以只能换种方法。 实现的思路是用新加的label标签替换掉默认的input多选框<input type="checkbox" class="checkone" value="专项行动管理系统" iconcolor="#ce53c1" name="sysnameselect...原创 2020-05-25 17:28:05 · 5135 阅读 · 0 评论 -
css修改默认的滚动条样式
先来看一下默认的滚动条样式:emmm,配着页面来看有点点丑,不过没关系,我们可以用css3自定义滚动条样式。滚动条自定义样式是针对webkit内核的浏览器,使用伪类来改变滚动条的默认样式,具体操作如下:#sysnameList{ border-right:1px solid #00c0ff; border-bottom: 1px solid #00c0ff; flex:1; background-color: #052c61; color: #f..原创 2020-05-20 16:56:11 · 1609 阅读 · 0 评论