css
Jam2018
这个作者很懒,什么都没留下…
展开
-
过滤页面颜色
filter: grayscale(100%);原创 2019-12-13 10:33:40 · 156 阅读 · 0 评论 -
css隐藏滚动条,保留滚动效果
.element::-webkit-scrollbar { display:none }原创 2019-10-23 15:11:08 · 371 阅读 · 0 评论 -
css自定义光标样式,将鼠标替换为图片
cursor: url('../'), auto;原创 2019-10-12 16:00:19 · 1464 阅读 · 0 评论 -
移动端固定背景
content: ""; background: ; background-size: ; position: fixed; top: 0; left: 0; bottom: 0; right: 0; ...原创 2019-07-25 13:53:09 · 202 阅读 · 0 评论 -
移动端点击按钮链接触发事件时出现高亮和黄色边框
div,img,a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none;}原创 2019-07-16 18:28:04 · 1466 阅读 · 1 评论 -
移动端input输入框上方内阴影去除
input{ -webkit-appearance: none;}原创 2019-07-10 12:43:16 · 3739 阅读 · 0 评论 -
解决ios上输入框圆角问题
border-radius: 0;原创 2019-07-10 12:32:26 · 366 阅读 · 0 评论 -
图片旋转
/*定义动画*/@-webkit-keyframes spin { /*兼容性写法。spin是关键帧的动画名称*/ from { /*动画起始状态*/ -webkit-transform: rotate(0deg); } to { /*动画结束状态*/ -webkit-transform: ro...转载 2019-07-04 11:28:49 · 242 阅读 · 0 评论 -
移动端点击出现黑影
div { /*关键代码*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }原创 2019-07-09 15:40:26 · 261 阅读 · 0 评论 -
移动端设置了overflow:hidden和border-radius,子元素超出部分不隐藏
transform: rotate(0deg);转载 2019-07-09 12:44:43 · 563 阅读 · 0 评论 -
给没法修改样式的select和option居中
padding: 0 15%; text-align-last: center; max-width: 226px; min-width: 226px;原创 2019-06-26 16:25:56 · 665 阅读 · 0 评论 -
IE浏览器图片出现蓝色紫色外边框
a img{ border:none;}原创 2019-07-01 17:41:27 · 797 阅读 · 0 评论 -
上面元素遮盖下面元素时无法触发下面元素的点击事件
给遮盖层加一个pointer-events: none原创 2019-06-03 16:22:59 · 2755 阅读 · 1 评论 -
iPhone移动端按钮圆角样式被改变
加一句这个-webkit-appearance:none !important;原创 2019-05-23 17:07:54 · 324 阅读 · 0 评论 -
CSS3 calc() 会计算的样式
在这里看到的https://codepen.io/pen/?&editable=true就查了下刚见识到的,转过来存一下,应该用勤了挺好的calc()是英文单词calculate(计算)的缩写,是css3的一个新增的功能,你可以使用calc()计算border、margin、pading、font-size和width等属性设置动态值。以前我们可以使用box-sizing:bor...转载 2019-05-24 16:28:51 · 285 阅读 · 0 评论 -
改变checkbox点选多选框的样式
第一次遇到要修改checkbox的样式,毕竟太丑了,除了学校答题网站基本没见到过用的怎么搞呢,大概思路就是把input标签的默认样式隐藏,在input后面加label标签,因为点label也能触发input的默认时间,就直接改label的点击样式就好了放下代码 .check_input { /*去掉input原有样式*/ width: 4.3vw; ...原创 2019-05-24 15:43:00 · 2314 阅读 · 0 评论