码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-11-16 18:49:21      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:css   textarea   text   对齐   设备   button   cti   none   pre   

·移动端开发将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;
}

 

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

标签:css   textarea   text   对齐   设备   button   cti   none   pre   

原文地址:http://www.cnblogs.com/daniller/p/css.html

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