Springboot Promise XML解析 nginx反向代理 silverlight swift3 datatables git下载代码到本地命令 python取随机数 python关键字 如何配置python环境 python的random模块 python匹配字符串 java编程学习入门 java中的数据类型 java的泛型 java当前时间 java语言运算符 linux命令 linux教程 sql语句大全实例教程 js转int 电脑基础 fdisk下载 朋友圈访客记录教程 图片轮播代码 pr蒙版 udp测试工具 只狼全鬼佛 ios12录屏 mix2s拆机 quickchm 五子棋大师 编写软件 斐讯k3刷机 c4d序列号 联发科p22 优酷网打不开 360街机三国 如何用ps美白皮肤
当前位置: 首页 > 学习教程  > 

input相关:点击时边框颜色去除、placeholder样式、点击时隐藏

2020/10/16 18:01:21 文章标签: input边框颜色

♦ 点击聚焦时原生边框颜色去除 border修改无用input{outline:none} input:focus { outline: none; }♦ placeholder样式修改(没有统一写法,必须分开写)input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKi…

♦ 点击聚焦时原生边框颜色去除

border修改无用


input{outline:none} 
 input:focus { outline: none; }

♦ placeholder样式修改(没有统一写法,必须分开写)

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   
 /* WebKit browsers */   
color: #666;   
}   
input:-moz-placeholder, textarea:-moz-placeholder {   
/* Mozilla Firefox 4 to 18 */   
color: #666;   
}   
input::-moz-placeholder, textarea::-moz-placeholder {   
 /* Mozilla Firefox 19+ */   
color: #666;   
}   
input:-ms-input-placeholder, textarea:-ms-input-placeholder {   
 /* Internet Explorer 10+ */   
color: #666;   
} 

♦ placeholder点击消失(chrome内核,其他内核可参照上面)

input:focus::-webkit-input-placeholder {color: transparent;}




本文链接: http://www.dtmao.cc/news_show_300284.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?