css
`、ratel
戒骄戒躁,学无止境。
展开
-
css >>> /deep/ ::v-deep作用和区别,element-ui自定义样式
1、作用在style经常用scoped属性实现组件的私有化时,要改变element-ui某个深层元素(eg:.el-input__inner)或其他深层样式时,需要使用/deep/,如.conBox /deep/ .el-input__inner{ padding:0 10px;}注意,/deep/在vue 3.0会报错如果/deep/报错,可采用::v-deep,效果基本一样,有人说::v-deep能加快编译速度,但是我在网上没有找到相关资料,无从验证。.conBox ::v-dee转载 2021-08-20 09:50:19 · 1568 阅读 · 0 评论 -
css文本英文数字折行
一些文字渲染类的结构中,遇到一些长串的单词和数字不折行会破坏我们的网页布局影响美观,不着急,只需加入以下两行代码搞定。.text { word-break: break-all; word-wrap: break-word;}原创 2020-06-13 14:03:01 · 962 阅读 · 0 评论 -
css超出部分显示…
css超出部分显示…单行超出部分显示…overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行超出部分显示…display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;原创 2020-06-10 15:30:26 · 661 阅读 · 0 评论 -
单选框样式/自定义单选框/改变单选框border颜色/css单选框
1、首先将原先的单选框隐藏掉。2、利用label:before 在label的前面加一个元素来模拟单选框的样式。3、利用:checked css选择器将选中的单选框单独设置样式。4、具体样式自根据项目手动设置比较灵活。代码如下:<!--html--> <ul class="pay_type"> <li v-for="(item,i) i...原创 2020-04-27 16:20:45 · 2928 阅读 · 0 评论 -
整站加灰色遮罩。
在css表中加入下边的代码,可以使整站加灰色遮罩层。html {-webkit-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);}原创 2020-04-03 17:57:51 · 1693 阅读 · 0 评论 -
css盒模型content-box和border-box
1、简述css盒模型分为两种,一种是ie老版本的怪异模式后来被css3接受,另一种是w3c的标准盒模型,我们在使用中可以根据业务需求来选择不同的盒模型。我们可以在css样式中根据box-sizing来设置不同的盒模型。下面来看具体的细节。2、标准模式(content-box)当box-sizing:content-box时,我们使用的是标准盒模型,这时候css定义的width宽度只包含元...原创 2019-06-16 12:53:56 · 2672 阅读 · 0 评论