原生开发之css样式问题(持续更新)

·移动端开发将div高度设置为设备高度

div{
    Height:100vh;
}

· select选择器文字设置:

/*select文字右对齐*/
select{
    direction: rtl;
}

/*文字垂直居中*/
Select{
    height:30px; 
    line-height:18px; 
    padding:2px 0 ; 
}

·textarea、input、select等表单控件在active状态下会出现的边框

    textarea、input、select、button等在 active状态下默认会有outline,将outline的值设置为none即可

button,textarea,input,select{
  outline: none;
}

· 设置input placeholder的样式

input::-webkit-input-placeholder {
    color: #aab2bd;
}

 

转载于:https://www.cnblogs.com/daniller/p/css.html