CSS
zhangzhuoz
一个默默努力学习前端知识的小白。。。。
展开
-
百度地图自定义弹窗样式
Css.BMap_bottom { display: none;}.BMap_pop { > div, > img:nth-child(10) { display: none; overflow: unset; } > div:nth-child(9) { display: block; overflow: unset; } > div:nth-child(8) { /*display: block;*/ .原创 2021-09-17 18:04:55 · 2027 阅读 · 0 评论 -
antd Input输入框type=number时如何去掉内部上下箭头
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;}input[type='number'] { -moz-appearance: textfield;}在css文件添加以上代码即可原创 2021-03-02 10:42:43 · 1953 阅读 · 0 评论 -
css自定义滚动条样式
因为客户提的需求,所以更改了滚动条样式,在网上找到了并使用,记录一下 /*滚动条整体样式*/ .com_box::-webkit-scrollbar { width: 10px; height: 1px; } /*滚动条滑块*/ .com_box::-webkit-scrollbar-thumb { border...原创 2019-09-17 15:33:41 · 78 阅读 · 0 评论 -
在进网站之前加入一个类似开机视频的东西,视频播放完后自动跳到网站首页
首先建一个文件,里面放要加载的视频<style></style><script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script><link rel="stylesheet" href="https://unpkg.com/element-ui/li...原创 2019-09-17 10:14:56 · 1016 阅读 · 1 评论 -
导航栏手机适配下,点击按钮出导航栏,点击×关闭导航栏
<div class="header2"> <a href="<?php echo base_url('#') ?>"> <img src="<?php echo base_url('resource/images/logo.png') ?>"> </a> ...原创 2019-09-12 17:30:10 · 339 阅读 · 0 评论 -
自定义swipper左右按钮,区分网页版和手机版时不同状态下显示的效果
效果图:代码:css样式 .swiper-container { width: 80%; } .swiper-slide { width: 25%; } .swiper-slide img { width: 100%; } ...原创 2019-09-12 11:03:07 · 248 阅读 · 0 评论 -
css border添加问题
有时候在没有固定宽高的时候没有超出,但是有固定的宽高,加边框就会超出但是加上这一句:box-sizing: border-box;原创 2019-09-09 14:48:56 · 272 阅读 · 0 评论 -
css画倒三角
<div class="san"></div>.san{ width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; b...原创 2019-09-09 11:48:21 · 392 阅读 · 1 评论 -
背景需要加半透明,但是上面的文字按照本身定义颜色
background: rgba(75,76,76,0.5);原创 2019-09-06 15:05:15 · 73 阅读 · 0 评论 -
css图片样式动画案例
https://www.jb51.net/css/619224.html原创 2019-08-29 17:44:45 · 176 阅读 · 0 评论