用css实现一个rate评分 ? 核心代码也就三行 效果图 原理 梳理如下: 去找个好看的iconfont,[Iconfont-阿里巴巴矢量图标库];借用5个radio单选框,把默认样式都去掉,显示默认的星星;用checked伪类监听用户选中?,由默认的星星变成高亮的星星;然后配合~兄弟操作符把当前 ...
分类:
Web程序 时间:
2020-10-18 16:23:01
阅读次数:
33
### 移动端 基于flex布局 的默认样式 rest css ; ```
*,::before,::after { padding: 0; margin: 0; outline: none; -webkit-tap-highlight-color: transparent; }
/* 所有元素的盒... ...
分类:
移动开发 时间:
2020-10-12 20:37:17
阅读次数:
32
在项目中修改ng-zorro组件默认样式的一些方法: 类名等 前加::ng-deep;类名等 前加:root;类名等 前加:host /deep/;::ng-deep .ant-spin-dot i { }:host ::ng-deep .ant-spin-dot i { }:root .ant-s ...
分类:
其他好文 时间:
2020-09-24 22:05:40
阅读次数:
69
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document */ /** * 1. Correct the line height in all browsers. * 2. Pre ...
分类:
Web程序 时间:
2020-09-17 23:02:06
阅读次数:
32
方法一: 给input添加 -webkit-appearance: none; 隐藏默认样式。然后添加自己的样式就好了。 例如: .radioBox input{ -webkit-appearance: none; width: 20px; height: 20px; padding: 0; bac ...
分类:
其他好文 时间:
2020-07-29 14:32:08
阅读次数:
88
css 属性值 display /* display: block; */ /* 浏览器默认样式 *//* display: inline; */ /* 设置为行内元素 *//* display: none; */ /* 隐藏元素不占空间 *//* display: inline-block; */ ...
分类:
Web程序 时间:
2020-07-19 17:53:31
阅读次数:
89
由于各大浏览器存在兼容性问题,同一个CSS属性在不同浏览器下的表现不一定相同,有经验的前端设计者都会自定义一个重置浏览器样式的CSS文件,在这个文件中定义一些针对不同的浏览器最终表现出一致的代码,大家最熟悉的也许就是* {margin:0 0}了,其实这是最简单的兼容性的代码,一般情况下,仅有这个是 ...
分类:
Web程序 时间:
2020-07-12 19:07:23
阅读次数:
90
* {margin: 0; padding: 0; box-sizing: border-box;} *::before,*::after {box-sizing: border-box;} a {color: inherit; text-decoration: none;} input,butto ...
分类:
Web程序 时间:
2020-07-12 15:04:44
阅读次数:
91
为什么需要默认样式? 在html发展初期,还没有css文件,另外,css文件可能不能加载,所以这里默认样式就是必要的。 默认样式带来的问题,会影响我们写css,需要我们覆盖默认样式。还有一些默认样式是很难覆盖的,比如下拉框的默认样式,是很难去覆盖的。 DEMO2-7.html <!DOCTYPE h ...
分类:
Web程序 时间:
2020-07-09 01:13:20
阅读次数:
94
checkbox复选框可能是网站中常用的html元素,但大多数人并不满意它的默认样式,这篇文章就讲讲如何实现input checkbox复选框控件 样式美化效果。 资源网站大全 https://55wd.com 方案一:纯css方法 单选按钮和复选按钮都有选中和未选中状态。要设置这两个按钮默认样式稍 ...
分类:
Web程序 时间:
2020-07-04 21:00:42
阅读次数:
128