![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
云胡不喜?
无舟难自渡,无解不疯魔
展开
-
你知道的各种形状(CSS实现各种形状)
转载于:https://juejin.cn/post/6900785241233817608单纯通过CSS我们就可以实现页面的形状样式。CSS绘制的形状随着屏幕分辨率的提高不会出现变形失真的问题,值得推荐。三角形利用四边border不同以及颜色的transparent实现<div class="triangle"></div><style> .triangle{ width: 0; height: 0; b.转载 2020-11-30 18:15:18 · 864 阅读 · 0 评论 -
ellipsis省略号表示多余内容
控制内容字数,多余省略号表示{width: 200px; white-space: nowrap; //强制不换行 (word-wrap:break-word; 强制连续字符换行)overflow: hidden;text-overflow:ellipsis;// 如果不想显示省略标记,将text-overflow设为clip}原创 2016-08-09 10:16:54 · 722 阅读 · 0 评论 -
input输入框修改placeholder和readonly的样式
之前写过,却没有整理,结果在写的时候又忘了,又要重新查,好麻烦。现在自己写写,以后就不会忘了。placeholder:::-webkit-input-placeholder { /* WebKit browsers */ color: red;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color原创 2017-11-17 10:30:16 · 3383 阅读 · 0 评论 -
Less使用
1.base.less@base-color: #84C795;@dis-color: #b5b5b5;@hover-color: rgb(103, 161, 117);@bg-color: #F1F1F1;@font-color: #514F4E;.button (@width, @height, @fontSize) { width: @width; heig...原创 2018-08-22 17:34:08 · 276 阅读 · 0 评论 -
在iOS下-input[disabled] 颜色变浅兼容&& input[readonly]仍可获取焦点解决方法
目标:在写input输入框时,想让其只读不写。环境:在iPhone上本来用的时readonly,可是readonly,居然可以获取焦点,不能弹出键盘;安卓手机完全木有问题,所以去用了disabled,结果颜色又有问题,所以要多写几个属性,兼容一下。解决方式:1.用disabled兼容;<input type="text" disabled/>input[di...原创 2018-09-14 16:53:40 · 2433 阅读 · 0 评论 -
CSS自定义checkBox复选框- 对勾样式
有checkBox复选框需求时,我们所用的框架样式不符合,所以需要自己写 对勾样式,当然用图片也OK。效果图:html: <div class="msg-position c-bg-wt"> <p>推送岗位<i class="c-rd">*</i>  ...原创 2018-11-23 12:57:42 · 14431 阅读 · 0 评论