浏览器默认样式: 为了美观,浏览器为了在页面没有样式时,也可以有一个较好的显示效果,默认设置若干margin,padding。 作为开发人员,在CSS编写最初,一般都会清除默认样式,进而设置自己的样式。 去除浏览器的默认样式: 方法1: @charset "utf-8" *{ margin:0; p ...
分类:
其他好文 时间:
2018-09-07 20:10:55
阅读次数:
172
话不多说,根据最近项目需求,为了减少输入验证等相关代码量,需要此控件 先上效果图 默认样式是这样,自己可以根据需求修改外形,但我更喜欢它自带的简洁版 有人可能会问怎么实现的呢?其实很简单,我们设置它的属性 HideUpDownButtons="True" 就可以了 可能有些地方需要其中的数字靠左显示 ...
微信开发工具里面,无法展示编译后的一些样式,如::before,::after这些伪类。有时候我们需要修改一些组件的默认样式会略感到麻烦,因为不知道是通过哪里控制的。 我就平常遇到的一些修改默认样式,做一下汇总,不定期更新: 1.button的背景色,边框,圆角: 2.swiper 的点的位置: 不 ...
分类:
微信 时间:
2018-09-05 20:02:51
阅读次数:
630
1.清除button的默认样式 button::after{border:none;}input{outline:none;border:none;list-style: none;} ...
分类:
微信 时间:
2018-09-04 13:38:33
阅读次数:
1998
之前在项目中使用滑块开关按钮,纯css写的,不考虑兼容低版本浏览器,先说下原理: 使用 checkbox 的 选中 checked 属性改变css 伪类样式, 一定要使用-webkit-appearance: none; 先清除checkbox的默认样式 ,否则写其他的样式不起作用; 好,不多说,直 ...
分类:
Web程序 时间:
2018-08-28 00:52:28
阅读次数:
259
/*去掉苹果短的样式*/ input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none;} ...
分类:
移动开发 时间:
2018-08-20 13:43:28
阅读次数:
230
一、层叠 1. 什么是层叠? 层叠是一种机制,用于解决CSS声明冲突。即**当出现声明冲突时,浏览器自动触发层叠机制**。 层叠的过程(3步走,通过后只剩1条样式): ①比较优先级:一个声明的优先级,与它的**来源**和**重要性**有关。 按来源分为:作者样式表、浏览器默认样式表、用户样式表。 若 ...
分类:
其他好文 时间:
2018-08-19 21:58:00
阅读次数:
174
单选框 HTML代码 样式 .radio input{ visibility: hidden;}.radio label{ position: relative;}.radio label:after{ content: "";/*必须设置*/ display: inline-block; widt ...
分类:
Web程序 时间:
2018-08-11 17:14:45
阅读次数:
220
list-style: disc; 列表项默认样式 list-style: circle; 小圆点 list-style: none; 去掉点点 font-size: 文字大小,可继承(避免奇数) font-weight: bold; 加粗 font-weight: normal;粗的变正常,不加粗 ...
分类:
其他好文 时间:
2018-08-04 15:47:09
阅读次数:
124