![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
SanOrintea
这个作者很懒,什么都没留下…
展开
-
vue3 按钮hover根据鼠标进入按钮的方位 从不同位置进入按钮按钮hover状态不同 hover根据鼠标位置
vue3 按钮hover根据鼠标进入按钮的方位 从不同位置进入按钮按钮hover状态不同 hover根据鼠标位置原创 2022-08-09 10:27:12 · 1571 阅读 · 0 评论 -
动态绑定css
动态绑定css。原创 2022-08-01 13:20:51 · 788 阅读 · 0 评论 -
/deep/ >>> ::v-deep
1./deep/在vue3.0之前可使用,例如(复写样式前加/deep/),vue3.0及后使用就会报错/deep/ .el-input {width: 60px;}2. ::v-deep在vue3.0及后使用,替代/deep/::v-deep .el-input {width: 60px;}3. >>>只作用于css,对于less和scss不起作用,如果是less和scss的话需要用到/deep/或::v-deep...原创 2022-04-18 14:35:51 · 194 阅读 · 0 评论 -
elementui datepicker 图标靠右css解决
找了一圈网上居然都是直接操作dom元素。这里贴一下css解决方法:.date-picker >>> .el-input__inner { padding: 0 15px; // 这个15是el-input组件默认的值}.date-picker >>> .el-input__prefix{ right: 5px; left: unset;}.date-picker >>> .el-input__suffix{ right: 25原创 2022-01-19 13:34:45 · 2512 阅读 · 0 评论 -
完美解决elementui input输入框 Number 类型 的坑(上下三角箭头,科学计数法 e,保留小数,整数)
首先要明确:1、数字类型是一个int,有限定的位数,太大就失精了,因此,太长的数字用tel类型,短数字用Number。2、输入框是给用户用的,可以限制用户输入,但是不能自动改用户已经输入的东西(一开始用正则做了个匹配小数点后几位的自动删除,用户体验不好)遇到的问题:1、使用Number的时候,会有上下箭头(不好看),并且滚轮可以滑动(正常页面就是滚轮滑的,不能一键多用),禁用这两个2、输入(或复制黏贴进去)非数字的时候,虽然没输入,但是输入框中的光标闪动到左上角了,禁用这个<style l原创 2022-01-18 13:27:16 · 14460 阅读 · 3 评论 -
选择器选择器
(1)elem:nth-child(n)选择父元素下n个子元素,并且这个元素的标签名称为elem,n可以接受具体的数字、值(odd和even)、公式(作为公司的时候n是从0开始的)。(2)elem:nth-last-child(n)作用同上,区别在于该伪类从后开始查找(3)elem:last-child选父元素中饭中最后一个子元素(4)elem:first-child选中父元素中第一个子元素(5)elem:only-child如果elem是父元素下唯一的子元素,则选中之(7)elem:nth-of转载 2021-10-13 15:40:52 · 127 阅读 · 0 评论 -
flex:1的小用途
当设计左右布局,左中右布局的时候,如果要令他们沾满整个屏幕,而又有定宽的时候,可以给不需要定宽的元素一个flex:1,这样它就会吃剩下的部分了。原创 2021-09-02 08:08:49 · 185 阅读 · 0 评论 -
v-bind:class使用的小技巧和坑
vue有一个动态绑定的小技巧。假如我想实现:isactive值为1的时候,字体是红色。值为0的时候,字体是绿色<template><div class='father' :class="{ change: isactive }">xxxxxx</div></template><script>export default { data() { return { isactive: 1, }; },}原创 2021-08-30 16:57:46 · 245 阅读 · 0 评论 -
css .a.b 和 .a .b 的区别
.a.b{color:green}.a .b{color:red}<div class="a b">1</div><div class="a">2</div><div class="b">3</div><div class="a"><div class="b">4</div></div>原创 2021-08-26 17:12:19 · 312 阅读 · 0 评论 -
css .a.b 和 .a .b 的区别
.a.b{color:green}.a .b{color:red}<div class="a b">1</div><div class="a">2</div><div class="b">3</div><div class="a"><div class="b">4</div></div>转载 2021-08-26 17:09:41 · 282 阅读 · 0 评论 -
css组件分配位置
.left { float: left; width: calc(100% - 200px); height: 100%; background-color: red;}.right { float: left; width: 200px; height: 100%; background-color: blue;}用calc来计算位置,本例子中是右侧固定200,左侧(其余空间-200)...原创 2021-05-19 10:39:52 · 277 阅读 · 0 评论