CSS
平常常见css问题
lj1530562965
这个作者很懒,什么都没留下…
展开
-
设置背景图片模糊,内容不模糊
设置背景图片模糊,内容不模糊需求:一个div设置了background-image,现在需要使背景模糊,div内的文字清晰显示。解决方法:内容和图片分别置于一个div,通过css设置背景div模糊度,设置内容div绝对位置。<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <style type="text/css"> .conten转载 2020-09-18 14:21:53 · 2814 阅读 · 1 评论 -
修改Element-UI的组件样式
法一 .input-with-select >>> .el-input__inner{ height: 45px!important; }法二 .input-with-select{ /deep/ .el-input__inner{ height: 45px!important; } }原创 2020-08-18 10:29:52 · 349 阅读 · 0 评论 -
Input placeholder属性样式修改(颜色,大小,位置)
Input placeholder属性样式修改(颜色,大小,位置)input::-webkit-input-placeholder { /* placeholder颜色 */ color: #aab2bd; /* placeholder字体大小 */ font-size: 12px; /* placeholder位置 */ text-align: right;}原创 2020-08-07 16:17:44 · 784 阅读 · 0 评论 -
数字密码输入框对输入内容进行隐藏
数字密码输入框对输入内容进行隐藏-webkit-text-security: disc;//数字密码输入框对输入内容进行隐藏原创 2020-08-07 16:16:43 · 642 阅读 · 0 评论 -
input输入框小写字母自动转换成大写字母
input输入框小写字母自动转换成大写字母text-transform:uppercase原创 2020-08-07 16:15:55 · 786 阅读 · 0 评论 -
flex布局
align-self:stretchflex布局中,经常子元素内容不一样,导致高度不一,可以通过设置子元素样式align-self:stretch,以适应容器原创 2020-08-07 16:11:03 · 209 阅读 · 0 评论 -
单行与多行溢出
单行与多行溢出单行溢出多行溢出单行溢出overflow: hidden; text-overflow:ellipsis; whitewhite-space: nowrap;多行溢出display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;原创 2020-08-07 16:02:37 · 81 阅读 · 0 评论