CSS
一剑长歌
世界之大,学习不止
展开
-
vue卡片鼠标悬浮翻转效果组件
vue鼠标悬浮翻转卡片组件原创 2022-06-16 18:31:16 · 1128 阅读 · 1 评论 -
关于input的disabled属性在移动端兼容问题
如果给input添加disabled属性,IOS会检测到disabled属性,给输入框的默认字体设置上灰色和透明度,导致在IOS端 placeholder和输入的文本都呈现灰色,与安卓端表现不一致,安卓端没有这个问题。我使用的是Vant中的Field输入框,找到的第一个方法:input[disabled],input:disabled,input.disabled{ color: #bbb; opacity: 1; -webkit-text-fill-color:#b转载 2022-02-09 15:18:16 · 794 阅读 · 0 评论 -
input输入框placeholder居中问题
input输入框placeholder居中问题从百度上得到的最多的答案就是使用line-height,但是在项目中无论我怎么使用这个属性,placeholder还是纹丝不动,后来还是使用定位解决的,如果遇到同样问题的同学,可以参考一下:#input{ position: relative; caret-color: #333; box-sizing: border-box; font:600 .22rem/.3rem PingFangSC-Regular, PingFang SC;原创 2021-11-15 12:10:48 · 3151 阅读 · 0 评论