码迷,mamicode.com
首页 > 其他好文 > 详细

浏览器默认输入框样式

时间:2019-08-13 13:24:06      阅读:98      评论:0      收藏:0      [点我收藏+]

标签:text   script   intern   输入   explore   size   提示   bsp   font   

1.输入框获取焦点时,有默认的边框

input{outline: none;}

2.谷歌浏览器自动填充的默认样式,需要用纯色内阴影填充

input:-webkit-autofill{
-webkit-box-shadow: 0 0 0 30px #022068 inset;
-webkit-text-fill-color: #fff;
}

3.输入框提示文字的样式

::-webkit-input-placeholder { /* WebKit browsers */
  color: #ddd;
  font-size: 18px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#ddd;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #ddd;
  font-size: 18px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #ddd;
  font-size: 18px;
}

 

 

浏览器默认输入框样式

标签:text   script   intern   输入   explore   size   提示   bsp   font   

原文地址:https://www.cnblogs.com/xiaolanschool/p/11345070.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!