解决移动端input框样式问题终极方案

2019-06-27  本文已影响0人  漂亮假动作

input{

border:none;

  outline:none;

  background-color:transparent;

  /*FILTER: alpha(opacity=0)*/

  -webkit-appearance:none;

  resize:none;

  box-sizing:border-box;

  border-radius:0;

}

input[type=button], input[type=submit], input[type=file], button {cursor:pointer; -webkit-appearance:none; }

input::-webkit-input-placeholder {

/* placeholder颜色  */

  color:#cccccc;

  /* placeholder字体大小  */

  font-size:.3rem;

}

上一篇下一篇

猜你喜欢

热点阅读