select { /*Chrome同Firefox与IE里面的右侧三角显示的样式不同*/ border: solid 1px #ddd; /*将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:n ...
分类：
其他好文 时间：
2020-07-01 09:32:13
阅读次数：
81
这次给小伙伴们带来兼容性的学习知识点分享 浏览器为什么会解决兼容性啦？ 原因：同一个标签在页面上的默认样式不同，因此展现的效果也是不一样的。为了同一个标签在页面上的默认样式相同，所以只需要一个css就可以同意样式。 解决方案 方案1：重置文件（reset或者normalize）开源 方案2：can ...
分类：
其他好文 时间：
2020-06-15 12:31:56
阅读次数：
85
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
分类：
其他好文 时间：
2020-06-11 21:41:20
阅读次数：
66
当小程序的flex布局遇到button时 发现justify-content不起作用，无论怎么设置都是space-around的效果。 经过排查，发现原因是小程序button中的默认样式中的margin-left: auto;margin-right: auto;所引起的 覆盖掉就好了 flex 格 ...
分类：
微信 时间：
2020-06-11 16:15:16
阅读次数：
94
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> /*去除默认样式*/ *{ margin: 0; padding: 0; } /*设置外面的大盒子*/ .box ...
分类：
其他好文 时间：
2020-06-10 13:10:03
阅读次数：
75
在为移动设备制作网页的过程中，你可能会遇到下述奇怪的现象：当你为一个按钮设置样式，并在浏览器打开模拟器查看效果时，一切都很美好。 但当你使用真机测试时，你的按钮却变成了下面这个样子： 而且即使你使用终极禁术 border-radius: 0 !important 也还是没用。 这是因为在移动设备中， ...
分类：
移动开发 时间：
2020-06-05 14:41:15
阅读次数：
88
1、select select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: none; outline: none; background: none; /*很关键：将默认的select选择框样式清除*/ appearance: none; -moz ...
分类：
其他好文 时间：
2020-05-28 16:24:01
阅读次数：
249
1、全面base.css @charset "utf-8"; /* CSS Document */ @charset "utf-8"; /*! * @名称：base.css * @功能：1、重设浏览器默认样式 * 2、设置通用原子类 */ /* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定 ...
分类：
Web程序 时间：
2020-05-27 15:45:01
阅读次数：
221
CSS 解决img底部空白间隙 参考链接：https://www.jianshu.com/p/e7373c2bbef1 前言 img一直以来有一个很大的问题就是底部空白间隙，一直以为是img默认样式造成的，后来查了相关的资料，才弄清楚为什么会产生这样的结果。 首先仔细看下图中的边框与img的间隙。 ...
分类：
Web程序 时间：
2020-05-23 20:45:38
阅读次数：
140
此方法可行： <style lang="less" scoped> .login /deep/ .van-field__control {height:30px;padding:5px 10px;color: #c4c4c4;background:#ffffff;font-size: 12px;bo ...
分类：
其他好文 时间：
2020-05-21 11:49:56
阅读次数：
317
