css总结4:input 去掉外边框,placeholder的字体颜色、字号
1 input 标签去除外边框:
在进行webAPP开发时,input外边框非常影响美观,去除外边框方法如下:
<input style="border: 0px;outline:none;cursor: pointer;" type="text" placeholder="请输入手机号">
解释:
“border: 0px;”
去除 placeholder 外的边框
“outline:none;”
“去除点击input框时显示的边框
“cursor: pointer;”
点击显示光标光标呈现为指示链接的指针(一只手)
2 placeholder的字体颜色:
查阅不同资料后发现,因为各家浏览器对css支持各有不同,所以需要对齐区别设置:
在样式表添加:
input::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } input::-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; }
效果:
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步